/* Theme Variables
------------------------------------------ */
:root {
    /* Brand Colors */
    --gold: #C69C3F;
    --gold-secondary: #B88A37;
    --gold-accent: #D4AA4A;
    --gold-bright: #E0B854;
    --gold-light: #EECCA6;
    --dark: #1A1A1A;
    --white: #FFFFFF;
    
    /* Primary Colors (mapped to gold for consistency) */
    --primary: #C69C3F;
    --primary-hover: #B88A37;
    
    /* Dark Theme Variables (from theme guide) */
    --background: #1A1A1A;
    --surface: #2A2A2A;
    --surface-secondary: #333333;
    --text-primary: #FFFFFF;
    --text-secondary: #E0E0E0;
    --text-muted: #A0A0A0;
    --border: #3A3A3A;
    --border-dark: #4A4A4A;
    
    /* Accent Colors for Dark Mode (20% brighter) */
    --accent-blue: #5FA3F5;
    --accent-green: #6FE89C;
    --accent-coral: #FF8A8A;
    --accent-purple: #B47BCE;
    --accent-teal: #3FBFB3;
    --accent-orange: #FFB347;
    --accent-slate: #94A3B8;
    
    /* Accent Colors for CTAs */
    --accent-glow: rgba(224, 184, 84, 0.4);
    --accent-subtle: rgba(198, 156, 63, 0.15);
    --accent-border: rgba(198, 156, 63, 0.3);

    /* Bootstrap Overrides */
    --bs-primary: var(--gold);
    --bs-primary-rgb: 198, 156, 63;
    --bs-secondary: var(--gold-secondary);
    --bs-secondary-rgb: 184, 138, 55;
    --bs-body-bg: var(--dark);
    --bs-body-color: var(--white);
    --bs-link-color: var(--gold);
    --bs-link-hover-color: var(--gold-secondary);
    
    /* Custom Warning Override */
    --bs-warning: var(--gold-accent);
    --bs-warning-rgb: 212, 170, 74;
    --bs-warning-bg-subtle: var(--accent-subtle);
    --bs-warning-border-subtle: var(--accent-border);
}

/* Theme Utility Classes
------------------------------------------ */
.text-primary {
    color: var(--gold) !important;
}

.bg-primary {
    background-color: var(--gold) !important;
}

.border-primary {
    border-color: var(--gold) !important;
}

.accent {
    color: var(--gold);
}

/* Basic Button Styles
------------------------------------------ */
.btn {
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.75rem 2rem;
    border-radius: 0;
    position: relative;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--gold);
    border-color: var(--gold);
    color: var(--white);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--gold-secondary);
    border-color: var(--gold-secondary);
}

.btn-outline-primary {
    color: var(--gold);
    border-color: var(--gold);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--gold);
    border-color: var(--gold);
    color: var(--white);
}