/* ============================================================
   MERCE & IAN - DESIGN TOKENS
   Palette sourced from the couple's moodboard:
   Olive Green · Oak Leaf · Tan · Espresso · Burgundy
   Mood: enchanted forest at golden dusk · Hogwarts-warm · yin-yang balance
   ============================================================ */
:root{
  /* - Core palette (from moodboard) - */
  --espresso:  #241c17;   /* deepest brown-black · night forest floor        */
  --forest:    #2f3a24;   /* deep olive-green · canopy shadow                */
  --olive:     #55672f;   /* olive green · primary green                     */
  --oak:       #8b9a5b;   /* oak leaf · lit foliage                          */
  --tan:       #d8c6a8;   /* tan · parchment · body text on dark            */
  --burgundy:  #6e2436;   /* burgundy · main accent · CTAs                   */
  --gold:      #c9a24b;   /* antique gold · magical shimmer · flourishes     */

  /* - Deep shades (hover / pressed / on-dark) - */
  --forest-deep:   #1e2617;
  --olive-deep:    #3d4a22;
  --burgundy-deep: #4e1926;
  --gold-deep:     #8f7130;

  /* - Tints / surfaces - */
  --tan-soft:  #e7dcc6;   /* brightest parchment · headings                  */
  --tan-mute:  rgba(216,198,168,0.72); /* secondary text on dark            */
  --tan-faint: rgba(216,198,168,0.5);
  --mist:      #b9c29a;   /* pale moss mist                                  */
  --line:      rgba(216,198,168,0.28); /* hairline borders on dark          */

  /* - The light half - The couple's deck is light: the Decoration page is white florals on heavy
     green foliage, white linen, pale stone, daylight. Green is the ACCENT
     there, not the ground. The dark forest is ours, and it belongs to the
     gate and the hero - the night before. Everything below the hero is the
     day itself, so it inverts: tan becomes the ground and espresso the ink.
     No new hues; these are the same five swatches, reassigned.

     WHICH ACCENTS SURVIVE THE INVERSION MATTERS. Measured against --cream:
       espresso   13.6:1   body and headings
       burgundy    9.6:1   calls to action
       olive       5.7:1   secondary type, the foliage
       gold-deep   4.1:1   the smallest type it may carry
       gold        2.1:1   ORNAMENT ONLY - hairlines and leaves, never text
       oak         2.7:1   ORNAMENT ONLY
     Reaching for --gold on a light surface is the easy mistake here; it is
     the identity colour on espresso and unreadable on cream. */
  --cream:      #f4efe6;   /* the ground below the hero                      */
  --cream-deep: #eae2d4;   /* recessed bands, the card ground                */
  --paper:      #fbf8f2;   /* a card lifted off the ground                   */
  --ink:        #241c17;   /* espresso, now as type                          */
  --ink-mute:   rgba(36,28,23,0.74);
  --ink-faint:  rgba(36,28,23,0.48);
  --rule-ink:   rgba(36,28,23,0.14); /* hairline borders on light            */

  /* - Semantic - */
  --bg:        var(--espresso);
  --text:      var(--tan);
  --heading:   var(--tan-soft);
  --accent:    var(--burgundy);
  --rule:      var(--gold);

  /* - Stacking order (page level) - The scene keeps its own local 0–9 ladder inside .hero, which is sealed
     off by isolation:isolate. These are the tiers ABOVE it. */
  --z-ambient:       4;
  --z-hero-content: 10;
  --z-nav:          50;
  --z-nav-panel:    60;
  --z-gate:        100;

  /* - Spacing - Deliberately only three. Every margin in the invitation block is
     hand-tuned to its context and an invented 8-step scale would just be
     fought; these are the measurements the nine sections repeat. */
  --sp-section: clamp(4rem, 9vw, 8rem);   /* vertical rhythm between sections */
  --sp-gutter:  clamp(1.25rem, 5vw, 3rem);/* page side margin                  */
  --wrap:       min(1100px, 100% - (2 * var(--sp-gutter)));

  /* No type scale yet - see the note in site.css. */
}