/* Explain: Theme tokens for light and dark modes. - */
:root, [data-theme="light"] {
    --primary-color: #4A6B53;
    --primary-hover: #A5BA95;
    --secondary-color: #E9EDDF;
    --accent-color: #588157;
    --logo-subtitle-color: #543323;
    --button-color: #C0CFB2;
    --background-color: #FAF9F6;
    --surface-color: #F1F4EB;
    --footer-bg: #EAEEDF;
    --text-color: #1F2E23;
    --text-muted: #4B6353;
    --border-color: rgba(31, 46, 35, 0.12);
    --glass-bg: rgba(250, 249, 246, 0.72);
    --glass-border: rgba(88, 129, 87, 0.32);
    --nav-bg: rgba(250, 249, 246, 0.78);
    --field-bg: rgba(255, 255, 255, 0.6);
    --sage-soft: rgba(88, 129, 87, 0.15);
    --sage-dark: #3A5A40;
    --terracotta-soft: rgba(163, 177, 138, 0.22);
    --shadow-soft: 0 22px 70px rgba(31, 46, 35, 0.08);
    --shadow-button: 0 16px 36px rgba(88, 129, 87, 0.25);
    
    --glass-panel-bg: linear-gradient(145deg, rgba(250, 249, 246, 0.78), rgba(255, 255, 255, 0.48));
    --hero-gradient: linear-gradient(115deg, rgba(250, 249, 246, 0.96) 0%, rgba(250, 249, 246, 0.78) 52%, rgba(88, 129, 87, 0.12) 100%);
    --overlay-bg: rgba(31, 46, 35, 0.32);

    --font-heading: 'Lora', serif;
    --font-body: 'Montserrat', sans-serif;
    --font-logo: 'Playfair Display', serif;
}

[data-theme="dark"] {
    --primary-color: #A5BA95;
    --primary-hover: #C0CFB2;
    --secondary-color: #1F2E23;
    --accent-color: #8CAE8C;
    --logo-subtitle-color: #A5BA95;
    --button-color: #3A5A40;
    --background-color: #121814;
    --surface-color: #1A241C;
    --footer-bg: #151E17;
    --text-color: #E9EDDF;
    --text-muted: #A5BA95;
    --border-color: rgba(233, 237, 223, 0.12);
    --glass-bg: rgba(18, 24, 20, 0.72);
    --glass-border: rgba(165, 186, 149, 0.32);
    --nav-bg: rgba(18, 24, 20, 0.85);
    --field-bg: rgba(26, 36, 28, 0.4);
    --sage-soft: rgba(165, 186, 149, 0.15);
    --sage-dark: #C0CFB2;
    --terracotta-soft: rgba(88, 129, 87, 0.15);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.3);
    --shadow-button: 0 16px 36px rgba(0, 0, 0, 0.4);
    
    --glass-panel-bg: linear-gradient(145deg, rgba(26, 36, 28, 0.78), rgba(18, 24, 20, 0.48));
    --hero-gradient: linear-gradient(115deg, rgba(18, 24, 20, 0.96) 0%, rgba(18, 24, 20, 0.78) 52%, rgba(165, 186, 149, 0.12) 100%);
    --overlay-bg: rgba(0, 0, 0, 0.6);
}