/* ============================================================
   MUTĖ MILLINERY — tokens
   "Gilt & Shadow". Baroque chiaroscuro: a warm varnish-black
   ground, gold held as LIGHT not fill, and two pigments —
   oxblood and malachite — that appear only as section grounds.

   Rules of the house:
     · Gilt stays under ~2% of any screenful. It is a highlight,
       never a surface.
     · Blacks are warm. Never #000, never a blue cast — this is
       oil under old varnish, not a screen.
     · Text is parchment. Never #FFF.
     · Do not add hues. Six families is the whole palette.

   This file declares tokens ONLY. No selectors, no rules.
   ============================================================ */

:root {
  /* ---- Ground ------------------------------------------------ */
  /* One step lighter than the first pass — still a warm black,
     but the site was reading as darker than intended. Text tokens
     below are untouched; contrast against this ramp is unaffected
     at the level that matters (still comfortably past AA). */
  --pitch:          #15100C;   /* page. warm black, under varnish */
  --pitch-raised:   #1D1712;   /* plates, cards, form well */
  --pitch-deep:     #0B0806;   /* footer, wells, recesses */
  --pitch-line:     #2E251A;   /* hairlines on dark */

  /* ---- Type -------------------------------------------------- */
  --parchment:      #EFE5D2;   /* primary text. never #FFF */
  --parchment-dim:  #A2947C;   /* secondary — ~7:1 on --pitch */
  --parchment-faint:#665C4C;   /* tertiary, numerals, disabled */

  /* ---- Gilt: leaf, not paint. Keep under ~2% of surface ------ */
  --gilt:           #C6A15B;
  --gilt-hot:       #F3E2B4;   /* the specular crest of the sweep */
  --gilt-dim:       rgba(198, 161, 91, 0.26);
  --gilt-ghost:     rgba(198, 161, 91, 0.10);

  /* ---- Pigments: section grounds only, never type ------------ */
  --oxblood:        #4E1119;   /* ACQUIRE — to own */
  --oxblood-deep:   #360A11;
  --oxblood-line:   rgba(198, 161, 91, 0.30);

  --malachite:      #16301F;   /* HIRE — for the day */
  --malachite-deep: #0D2015;
  --malachite-line: rgba(198, 161, 91, 0.26);

  /* ---- Semantic ---------------------------------------------- */
  --error:          #C97A6B;

  /* ---- Background texture -------------------------------------
     The damask tile behind everything (see css/layout.css). One
     token so the intensity is tuned from a single place rather
     than a magic number buried in a background-image rule. */
  --pattern-opacity: 0.045;

  /* ---- Type families ----------------------------------------- */
  /* Cormorant Garamond carries Lithuanian ė for "Mutė" and has
     true italics with Baroque contrast. Jost keeps the UI modern
     so the period styling reads as design, not costume. */
  --font-display: "Cormorant Garamond", "EB Garamond", Garamond, "Times New Roman", serif;
  --font-body:    "Jost", "Futura", "Century Gothic", "Avenir Next", sans-serif;

  /* ---- Fluid type scale (360 → 1600) ------------------------- */
  --t-hero:    clamp(3.75rem, 12vw, 11rem);
  --t-display: clamp(2.6rem, 6.4vw, 5.5rem);
  --t-title:   clamp(1.9rem, 3.6vw, 3.1rem);
  --t-lead:    clamp(1.5rem, 2.4vw, 2.2rem);
  --t-deck:    clamp(1.0rem, 1.15vw, 1.175rem);
  --t-body:    clamp(0.95rem, 1vw, 1.0625rem);
  --t-small:   0.875rem;
  --t-micro:   0.75rem;

  /* ---- Tracking ---------------------------------------------- */
  --track-hero:   -0.022em;
  --track-tight:  -0.012em;
  --track-label:   0.30em;   /* eyebrows, engraved small caps */
  --track-wide:    0.16em;

  /* ---- Spacing ----------------------------------------------- */
  --sp-1:  0.5rem;
  --sp-2:  0.875rem;
  --sp-3:  1.25rem;
  --sp-4:  2rem;
  --sp-5:  3rem;
  --sp-6:  4.5rem;
  --sp-7:  7rem;
  --sp-8:  10rem;
  --section-y: clamp(5.5rem, 11vw, 11rem);

  /* ---- Measure & layout -------------------------------------- */
  --container:     1440px;
  --gutter:        clamp(1.25rem, 5vw, 5rem);
  --measure:       64ch;
  --measure-tight: 46ch;
  --nav-h:         76px;

  /* ---- Motion ------------------------------------------------ */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in:   cubic-bezier(0.55, 0, 1, 0.45);
  --dur-fast:  240ms;
  --dur-med:   520ms;
  --dur-slow:  1100ms;
  --dur-gild:  2400ms;   /* the leaf sweep across the wordmark */
  --dur-draw:  950ms;    /* filigree stroke-draw */
  --stagger:   90ms;

  /* ---- Depth ------------------------------------------------- */
  --shadow-plate: 0 40px 90px -30px rgba(0, 0, 0, 0.9);
  --shadow-lift:  0 60px 120px -40px rgba(0, 0, 0, 0.98);
  --shadow-frame: inset 0 0 0 1px var(--gilt-ghost);

  --radius: 0;   /* Baroque squares its corners and ornaments them */
}