:root {
    --color-black: #0a0a0a;
    --color-dark-gray: #1a1a1a;
    --color-medium-gray: #2a2a2a;
    --color-gold: #d4af37;
    --color-gold-dark: #b8941f;
    --color-white: #ffffff;
    --color-light-gray: #f5f5f5;
    --color-blue: #2563eb;
    --color-blue-dark: #1e40af;
    --color-blue-light: #3b82f6;
}

/* Base Theme (matches index.html) */
html { scroll-behavior: smooth; }
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--color-white);
    background: var(--color-black) !important;
    background-image: none !important;
    line-height: 1.6;
}

a { color: var(--color-gold); }
a:hover { color: var(--color-blue-light); }

/* Optional utility classes */
.text-gold { color: var(--color-gold) !important; }
.bg-dark-900 { background-color: var(--color-black) !important; }
.bg-dark-800 { background-color: var(--color-dark-gray) !important; }
.bg-dark-700 { background-color: var(--color-medium-gray) !important; }
.btn-blue {
    background: linear-gradient(135deg, var(--color-blue), var(--color-blue-dark));
    color: var(--color-white);
}
.btn-blue:hover {
    background: linear-gradient(135deg, var(--color-blue-light), var(--color-blue));
}

/* Headings */
h1, h2, h3, h4, h5, h6 { color: var(--color-gold); }

/* Buttons (Bootstrap overrides) */
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary {
    background: linear-gradient(135deg, var(--color-blue), var(--color-blue-dark));
    border-color: var(--color-blue-dark);
    color: var(--color-white);
}
.btn-primary:hover {
    background: linear-gradient(135deg, var(--color-blue-light), var(--color-blue));
    border-color: var(--color-blue);
}
.btn-outline-primary {
    color: var(--color-gold);
    border-color: var(--color-gold);
    background: transparent;
}
.btn-outline-primary:hover {
    color: var(--color-black);
    background: var(--color-gold);
    border-color: var(--color-gold);
}
.btn-secondary { background: var(--color-medium-gray); border-color: var(--color-gold); color: var(--color-white); }
.btn-secondary:hover { background: var(--color-dark-gray); border-color: var(--color-gold); }

/* Tables (Bootstrap overrides) */
.table { color: var(--color-white); background-color: var(--color-medium-gray); }
.table thead { background: var(--color-dark-gray); color: var(--color-gold); }
.table thead th { border-color: var(--color-gold); }
.table tbody tr { border-color: var(--color-dark-gray); }
.table-hover tbody tr:hover { background-color: rgba(212, 175, 55, 0.08); }
.table-light { background: var(--color-dark-gray) !important; color: var(--color-gold) !important; }
.table-light th { color: var(--color-gold) !important; }

/* Navbar accents */
.navbar { background-color: rgba(10,10,10,0.8); backdrop-filter: blur(8px); }
.navbar .navbar-brand, .navbar .nav-link { color: var(--color-white) !important; }
.navbar .navbar-brand { color: var(--color-gold) !important; }
.bg-primary { background-color: var(--color-blue-dark) !important; }
.text-primary { color: var(--color-blue) !important; }