/* =============================================================================
   COLOR SCHEME VARIANTS
   Per-page color scheme overrides
   ============================================================================= */

/* Light Theme (Default - same as base) */
body[data-theme="light"] {
    --color-bg: #FAF7F2;
    --color-bg-alt: #F0EBE3;
    --color-text: #2D2A26;
    --color-text-light: #5C5752;
    --color-text-muted: #8A857D;
    --color-primary: #8B4D3B;
    --color-primary-dark: #6D3A2C;
    --color-primary-light: #A66B58;
    --color-accent: #C49B6D;
    --color-accent-light: #E8D5B7;
    --color-white: #FFFFFF;
    --color-border: #DED8CE;
}

/* Dark Theme */
body[data-theme="dark"] {
    --color-bg: #1A1A1A;
    --color-bg-alt: #252525;
    --color-text: #E8E6E3;
    --color-text-light: #B8B5B0;
    --color-text-muted: #8A8785;
    --color-primary: #C49B6D;
    --color-primary-dark: #A67D52;
    --color-primary-light: #D4B08A;
    --color-accent: #8B4D3B;
    --color-accent-light: #A66B58;
    --color-white: #2D2D2D;
    --color-border: #3A3A3A;
}

body[data-theme="dark"] .site-header {
    background: rgba(26, 26, 26, 0.95);
    border-bottom-color: var(--color-border);
}

body[data-theme="dark"] .site-header .logo-text,
body[data-theme="dark"] .site-header .main-nav a {
    color: var(--color-text);
}

body[data-theme="dark"] .site-header .main-nav a:hover,
body[data-theme="dark"] .site-header .main-nav a.active {
    color: var(--color-primary);
}

body[data-theme="dark"] .hero-overlay {
    background: linear-gradient(to bottom, rgba(26, 26, 26, 0.3), rgba(26, 26, 26, 0.7));
}

body[data-theme="dark"] .site-footer {
    background: var(--color-bg-alt);
    border-top-color: var(--color-border);
}

/* Warm Theme */
body[data-theme="warm"] {
    --color-bg: #FDF8F3;
    --color-bg-alt: #F5EDE3;
    --color-text: #3D2E24;
    --color-text-light: #6B5547;
    --color-text-muted: #9A8575;
    --color-primary: #B65D3D;
    --color-primary-dark: #8F4830;
    --color-primary-light: #D4785A;
    --color-accent: #D4A574;
    --color-accent-light: #E8CDB0;
    --color-white: #FFFFFF;
    --color-border: #E5D9CC;
}

body[data-theme="warm"] .site-header {
    background: rgba(253, 248, 243, 0.95);
}

body[data-theme="warm"] .hero-overlay {
    background: linear-gradient(to bottom, rgba(61, 46, 36, 0.3), rgba(61, 46, 36, 0.6));
}

/* Cool Theme */
body[data-theme="cool"] {
    --color-bg: #F5F7FA;
    --color-bg-alt: #E8ECF2;
    --color-text: #2A3441;
    --color-text-light: #4A5568;
    --color-text-muted: #718096;
    --color-primary: #4A6FA5;
    --color-primary-dark: #385683;
    --color-primary-light: #6B8FC5;
    --color-accent: #64A89E;
    --color-accent-light: #A8D4CE;
    --color-white: #FFFFFF;
    --color-border: #D1D9E6;
}

body[data-theme="cool"] .site-header {
    background: rgba(245, 247, 250, 0.95);
}

body[data-theme="cool"] .hero-overlay {
    background: linear-gradient(to bottom, rgba(42, 52, 65, 0.3), rgba(42, 52, 65, 0.6));
}