/* Explain: Theme tokens including font variables for the site's design. */
:root {
    --primary-color: #4A6B53;
    --primary-hover: #A5BA95;
    --secondary-color: #E9EDDF;
    --accent-color: #588157;
    --logo-subtitle-color: #543323;
    --button-color: #C0CFB2;
    --background-color: #FFFFFF;
    --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);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-logo: 'Inter', sans-serif;
}

[data-theme="dark"] {
    --primary-color: #8FB585;
    --primary-hover: #5C8F63;
    --secondary-color: #1C2A20;
    --accent-color: #9CC08E;
    --logo-subtitle-color: #C9A98F;
    --button-color: #3F6647;
    --background-color: #0F150F;
    --surface-color: #16201A;
    --footer-bg: #0B110C;
    --text-color: #E8EFE6;
    --text-muted: #A6B7A2;
    --border-color: rgba(232, 239, 230, 0.14);
    --glass-bg: rgba(20, 28, 21, 0.72);
    --glass-border: rgba(150, 190, 150, 0.28);
    --nav-bg: rgba(15, 21, 15, 0.8);
    --field-bg: rgba(255, 255, 255, 0.06);
    --sage-soft: rgba(255, 255, 255, 0.08);
    --sage-dark: #BFD9B3;
    --terracotta-soft: rgba(255, 255, 255, 0.08);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.4);
    --shadow-button: 0 16px 36px rgba(0, 0, 0, 0.4);
}