/* Explain: Theme tokens for multiple site color schemes. */
:root {
    --primary-color: #2A2622;
    --primary-hover: #B08D57;
    --secondary-color: #E8E1D6;
    --accent-color: #B08D57;
    --logo-subtitle-color: #8C6E3F;
    --button-color: #C9A96A;
    --background-color: #FAF7F1;
    --surface-color: #F1EBE1;
    --footer-bg: #EDE6DA;
    --text-color: #23201C;
    --text-muted: #6E6558;
    --border-color: rgba(35, 32, 28, 0.12);
    --glass-bg: rgba(250, 247, 241, 0.72);
    --glass-border: rgba(176, 141, 87, 0.30);
    --nav-bg: rgba(250, 247, 241, 0.78);
    --field-bg: rgba(255, 255, 255, 0.65);
    --sage-soft: rgba(176, 141, 87, 0.14);
    --sage-dark: #7C6636;
    --terracotta-soft: rgba(201, 169, 106, 0.20);
    --shadow-soft: 0 22px 70px rgba(35, 32, 28, 0.08);
    --shadow-button: 0 16px 36px rgba(176, 141, 87, 0.28);
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Montserrat', sans-serif;
    --font-logo: 'Playfair Display', serif;
}

:root[data-theme="ocean"] {
    --primary-color: #24313C;
    --primary-hover: #5B7C99;
    --secondary-color: #E2E9EF;
    --accent-color: #5B7C99;
    --logo-subtitle-color: #3E5A72;
    --button-color: #A9C2D6;
    --background-color: #F6F8FA;
    --surface-color: #E9EEF3;
    --footer-bg: #E1E8EE;
    --text-color: #1B242C;
    --text-muted: #4A5B69;
    --border-color: rgba(27, 36, 44, 0.12);
    --glass-bg: rgba(246, 248, 250, 0.72);
    --glass-border: rgba(91, 124, 153, 0.30);
    --nav-bg: rgba(246, 248, 250, 0.78);
    --field-bg: rgba(255, 255, 255, 0.65);
    --sage-soft: rgba(91, 124, 153, 0.14);
    --sage-dark: #3E5A72;
    --terracotta-soft: rgba(169, 194, 214, 0.22);
    --shadow-soft: 0 22px 70px rgba(27, 36, 44, 0.08);
    --shadow-button: 0 16px 36px rgba(91, 124, 153, 0.26);
}

:root[data-theme="terracotta"] {
    --primary-color: #7A3B22;
    --primary-hover: #C2703F;
    --secondary-color: #F2E4D8;
    --accent-color: #B4602F;
    --logo-subtitle-color: #6B3A22;
    --button-color: #DDA87E;
    --background-color: #FBF5EF;
    --surface-color: #F4E8DC;
    --footer-bg: #EFE0D1;
    --text-color: #2C1E15;
    --text-muted: #6A4C3A;
    --border-color: rgba(44, 30, 21, 0.12);
    --glass-bg: rgba(251, 245, 239, 0.72);
    --glass-border: rgba(180, 96, 47, 0.30);
    --nav-bg: rgba(251, 245, 239, 0.78);
    --field-bg: rgba(255, 255, 255, 0.65);
    --sage-soft: rgba(180, 96, 47, 0.14);
    --sage-dark: #7A3B22;
    --terracotta-soft: rgba(221, 168, 126, 0.24);
    --shadow-soft: 0 22px 70px rgba(44, 30, 21, 0.08);
    --shadow-button: 0 16px 36px rgba(180, 96, 47, 0.26);
}

:root[data-theme="nuit"] {
    --primary-color: #C9A96A;
    --primary-hover: #E0C58C;
    --secondary-color: #23201C;
    --accent-color: #C9A96A;
    --logo-subtitle-color: #B9A98C;
    --button-color: #3A342C;
    --background-color: #14120F;
    --surface-color: #1E1B17;
    --footer-bg: #191612;
    --text-color: #EFE9DF;
    --text-muted: #A9A093;
    --border-color: rgba(239, 233, 223, 0.14);
    --glass-bg: rgba(30, 27, 23, 0.72);
    --glass-border: rgba(201, 169, 106, 0.30);
    --nav-bg: rgba(20, 18, 15, 0.78);
    --field-bg: rgba(255, 255, 255, 0.06);
    --sage-soft: rgba(201, 169, 106, 0.16);
    --sage-dark: #D9BE83;
    --terracotta-soft: rgba(58, 52, 44, 0.40);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.40);
    --shadow-button: 0 16px 36px rgba(201, 169, 106, 0.24);
}

:root[data-theme="luxury"] {
    --primary-color: #14342B;
    --primary-hover: #C9A96A;
    --secondary-color: #EAE3D2;
    --accent-color: #B8913F;
    --logo-subtitle-color: #8A6E32;
    --button-color: #D8C08A;
    --background-color: #FBF8F1;
    --surface-color: #F2ECDD;
    --footer-bg: #EFE8D6;
    --text-color: #1E2A24;
    --text-muted: #5F6B62;
    --border-color: rgba(30, 42, 36, 0.12);
    --glass-bg: rgba(251, 248, 241, 0.72);
    --glass-border: rgba(184, 145, 63, 0.30);
    --nav-bg: rgba(251, 248, 241, 0.78);
    --field-bg: rgba(255, 255, 255, 0.65);
    --sage-soft: rgba(20, 52, 43, 0.12);
    --sage-dark: #1F463A;
    --terracotta-soft: rgba(216, 192, 138, 0.22);
    --shadow-soft: 0 22px 70px rgba(30, 42, 36, 0.08);
    --shadow-button: 0 16px 36px rgba(184, 145, 63, 0.28);
}