/* ============================================================
   SANGEETHA — Design Tokens
   All colors, fonts, spacing in one place.
   Change here → changes everywhere.
============================================================ */
:root {
    /* Brand Colors — Warm Cream + Coffee Brown system */
    --cream:          #F8F4EE;       /* warm section bg + light text on dark */
    --cream-dark:     #F0E9DC;       /* deeper warm tint (image placeholders, alt sections) */
    --off-white:      #FFFFFF;       /* pure white — body + cards */

    /* Accent — one green only (fresh / veg / Jain meaning) */
    --leaf-green:      #3A6B3E;
    --leaf-green-soft: rgba(58,107,62,0.08);
    --deep-maroon:    #1A0A02;       /* deepest brown */
    --maroon:         #3D1A08;       /* PRIMARY coffee brown */
    --gold:           #6F4E37;       /* medium brown */
    --gold-mid:       #5C3D2A;       /* mid brown */
    --gold-warm:      #8B6347;       /* lighter brown */
    --dark-brown:     #3D1A08;       /* = primary */
    --heading:        #3D1A08;       /* = primary. Section headings on light bg. Was the near-black
                                        #1A0A02 (the "looks black" complaint), briefly #6B3410 which
                                        read washed out. Matches the About page headings. */
    --card-bar:       #783A12;       /* dish caption bars — deliberately lighter than --heading so the
                                        solid blocks don't overpower the cards. Lightened ~12% from
                                        #6B3410 in HSL (hue/saturation kept, so it stays a rich brown
                                        rather than going muddy the way mixing white would). */
    --medium-brown:   #5C3D2A;       /* mid brown */
    --warm-taupe:     #C4956A;       /* light brown tint */
    --warm-linen:     #EDD9C4;       /* very light brown tint */
    --hero-dark:      #1A0A00;       /* hero bg — unchanged */

    /* Typography */
    --font-heading:   'Cormorant Garamond', Georgia, serif;
    --font-body:      'Lexend Deca', system-ui, sans-serif;

    /* Nav */
    --nav-height:     80px;

    /* Layout */
    --container-max:  1440px;
    --section-py:     96px;
    --section-py-sm:  64px;

    /* Radii */
    --radius:         6px;
    --radius-pill:    100px;

    /* Shadows */
    --shadow-sm:      0 2px 8px rgba(61,31,13,0.10);
    --shadow-md:      0 4px 20px rgba(61,31,13,0.15);

    /* Transitions */
    --transition:     0.22s ease;
}