/* Explain: Theme tokens for the homepage dark/gold theme. */
:root {
    --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);
    --font-heading: 'Lora', serif;
    --font-body: 'Montserrat', sans-serif;
    --font-logo: 'Playfair Display', serif;
}

/* Homepage-only theme: dark, cozy, with warm gold accents.
   Scoped to the homepage so every other page keeps the light sage palette. */
.theme-home-dark {
    --primary-color: #C9A227;
    --primary-hover: #E3C77C;
    --secondary-color: #1B1610;
    --accent-color: #D4AF37;
    --logo-subtitle-color: #B9975B;
    --button-color: #C9A227;
    --background-color: #120E0A;
    --surface-color: #1B1510;
    --footer-bg: #0E0B08;
    --text-color: #F2E7D5;
    --text-muted: #B3A28A;
    --border-color: rgba(212, 175, 55, 0.18);
    --glass-bg: rgba(26, 20, 15, 0.72);
    --glass-border: rgba(212, 175, 55, 0.28);
    --nav-bg: rgba(18, 14, 10, 0.78);
    --field-bg: rgba(255, 255, 255, 0.06);
    --sage-soft: rgba(212, 175, 55, 0.14);
    --sage-dark: #D4AF37;
    --terracotta-soft: rgba(150, 96, 44, 0.22);
    --shadow-soft: 0 22px 70px rgba(0, 0, 0, 0.55);
    --shadow-button: 0 16px 36px rgba(201, 162, 39, 0.28);
}

.theme-home-dark ::selection {
    background: var(--accent-color);
    color: #17120B;
}

/* Gold buttons get dark text on the dark homepage for readable contrast */
.theme-home-dark .btn[class*="bg-[var(--button-color)]"] {
    color: #17120B;
}

.theme-home-dark .filter-chip.is-active {
    color: #17120B;
}

.theme-home-dark .form-status.error {
    color: #E7A08C;
}

.theme-home-dark .arch-frame::after {
    border-color: rgba(212, 175, 55, 0.35);
}