/* ==========================================================================
   THEME VARIABLES
   Dark mode is default. [data-theme="light"] overrides for light mode.
   ========================================================================== */

:root {
    --primary: #8B5A2B;
    --primary-light: #D4A574;
    --accent: #C9A267;
    --accent-warm: #E8B87D;
    --bg-dark: #1A0E07;
    --bg-card: #2B1810;
    --bg-card-hover: #3D251A;
    --text-light: #F5E6D3;
    --text-muted: #D4B896;
    --text-desc: #A8896B;
    --border: rgba(201, 162, 103, 0.25);
    --border-hover: rgba(212, 165, 116, 0.55);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    --shadow-gold: 0 8px 32px rgba(201, 162, 103, 0.18);
    --radial-1: rgba(201, 162, 103, 0.08);
    --radial-2: rgba(139, 90, 43, 0.12);
    --header-bg: rgba(26, 14, 7, 0.95);
    --hero-grad-start: rgba(26, 14, 7, 1);
    --hero-grad-end: rgba(43, 24, 16, 0.7);
    --image-bg-start: #3D251A;
    --image-bg-end: #2B1810;
    --image-overlay: rgba(26, 14, 7, 0.65);
    --footer-bg: rgba(43, 24, 16, 0.7);
    --placeholder-color: rgba(212, 184, 150, 0.45);
    --logo-gradient: linear-gradient(135deg, var(--accent-warm) 0%, var(--accent) 50%, var(--primary-light) 100%);
    --hero-title-gradient: linear-gradient(135deg, var(--accent-warm) 0%, var(--primary-light) 50%, var(--accent) 100%);
}

[data-theme="light"] {
    --primary: #A0652F;
    --primary-light: #8B5A2B;
    --accent: #A7742A;
    --accent-warm: #C08A3A;
    --bg-dark: #FBF4E9;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FAEFDE;
    --text-light: #3B2412;
    --text-muted: #6B4A2B;
    --text-desc: #8A6A4A;
    --border: rgba(139, 90, 43, 0.25);
    --border-hover: rgba(139, 90, 43, 0.55);
    --shadow: 0 8px 32px rgba(139, 90, 43, 0.18);
    --shadow-gold: 0 8px 32px rgba(201, 162, 103, 0.22);
    --radial-1: rgba(201, 162, 103, 0.18);
    --radial-2: rgba(139, 90, 43, 0.10);
    --header-bg: rgba(255, 250, 240, 0.92);
    --hero-grad-start: rgba(251, 244, 233, 1);
    --hero-grad-end: rgba(247, 234, 210, 0.8);
    --image-bg-start: #F3E4CC;
    --image-bg-end: #FAEFDE;
    --image-overlay: rgba(139, 90, 43, 0.18);
    --footer-bg: rgba(247, 234, 210, 0.7);
    --placeholder-color: rgba(107, 74, 43, 0.55);
    --logo-gradient: linear-gradient(135deg, #A0652F 0%, #6B3F1C 60%, #8B5A2B 100%);
    --hero-title-gradient: linear-gradient(135deg, #A0652F 0%, #6B3F1C 50%, #8B5A2B 100%);
}