/* Explain: Theme tokens and background color for the serene luxury yoga studio identity. */
:root {
    --primary-color: #4A6B53;
    --primary-hover: #A5BA95;
    --secondary-color: #E9EDDF;
    --accent-color: #588157;
    --logo-subtitle-color: #543323;
    --button-color: #C0CFB2;
    --background-color: #F4EBD0;
    --surface-color: #EAE1C3;
    --footer-bg: #E1D6B4;
    --text-color: #2D2318;
    --text-muted: #5C4A3D;
    --border-color: rgba(61, 46, 31, 0.15);
    --glass-bg: rgba(244, 235, 208, 0.85);
    --glass-border: rgba(92, 74, 61, 0.25);
    --nav-bg: rgba(244, 235, 208, 0.9);
    --field-bg: rgba(255, 255, 255, 0.5);
    --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(61, 46, 31, 0.12);
    --shadow-button: 0 16px 36px rgba(92, 74, 61, 0.25);
    --gold-accent: #A87C4F;
    --bordeaux-color: #5C1A2B;
    --texture-bg: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
    --font-heading: 'Lora', serif;
    --font-body: 'Montserrat', sans-serif;
    --font-logo: 'Playfair Display', serif;
}