/* ============================================================================
   SEUIL · DESIGN TOKENS — "Lit Garnet Vault"
   The one place values live. Rename the house in one line: --house-name (HTML).
   DNA: chromatic garnet ground (never neutral-black) · brass hardware ·
        amber-gold vault-light · incised capitals + warm grotesque (no mono).
   ========================================================================== */

:root {
  /* ---- PALETTE (60 garnet/oxblood · 30 brass · 10 amber-gold) ------------- */
  --oxblood:        #3B0A12;   /* ground */
  --oxblood-lit:    #4A0F1A;   /* ground, where the light reaches */
  --shadow-deep:    #20060C;   /* deepest shadow / vignette */
  --shadow-vault:   #150406;   /* inside the lock */
  --garnet:         #6E0F1E;   /* lit field */
  --garnet-hi:      #8C1A2B;   /* garnet highlight / the silk sliver */
  --brass:          #B08D3E;   /* hardware */
  --brass-hi:       #D4B36A;   /* hardware highlight */
  --brass-lo:       #6E5320;   /* hardware antique shadow */
  --amber:          #E8C87A;   /* vault-light caustic */
  --amber-hi:       #FFF3D0;   /* the lit core of the slit */
  --emerald:        #0C2A22;   /* counter-register — only PAST admission */
  --candle:         #F0D9A6;   /* the warm hall light */

  /* ---- INK (text on the vault) ------------------------------------------- */
  --ink:            #ECDcBb;   /* warm parchment text */
  --ink-soft:       #C6A972;   /* secondary */
  --ink-faint:      #8F6D3F;   /* tertiary / metadata */
  --ink-ghost:      #6E5320;   /* hairlines, disabled */

  /* ---- TYPE --------------------------------------------------------------
     Display: glyphic incised inscriptional capitals (Albertus/Trajan lineage).
     Cinzel loaded as the buildable free pick; Optima/Palatino are macOS-native
     Albertus-adjacent fallbacks that render beautifully offline.
     Text: warm quiet grotesque (Söhne/Suisse target → Hanken Grotesk).       */
  --font-display: "Cinzel", "Optima", "Palatino Linotype", "Palatino", Georgia, serif;
  --font-text:    "Hanken Grotesk", "Söhne", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;

  /* fluid modular scale (ratio ~1.5 for display) */
  --step--1: clamp(0.72rem, 0.69rem + 0.14vw, 0.8rem);
  --step-0:  clamp(0.94rem, 0.9rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.1rem, 1.02rem + 0.4vw, 1.35rem);
  --step-2:  clamp(1.4rem, 1.2rem + 1vw, 2rem);
  --step-3:  clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --step-4:  clamp(2.6rem, 1.9rem + 3.4vw, 4.6rem);
  --step-5:  clamp(3.4rem, 2.2rem + 6vw, 7rem);
  --step-6:  clamp(4.2rem, 2.4rem + 9vw, 10rem);

  --tracking-incised: 0.14em;   /* engraved-over-a-door */
  --tracking-label:   0.34em;   /* care-label / metadata caps */
  --leading-tight:    0.98;
  --leading-body:     1.6;

  /* ---- SPACE (luxury: micro detail, macro air) --------------------------- */
  --s-1: 0.5rem;  --s-2: 1rem;   --s-3: 1.5rem;  --s-4: 2rem;
  --s-5: 3rem;    --s-6: 5rem;   --s-7: 8rem;    --s-8: 12rem;   --s-9: 15rem;
  --measure: 62ch;
  --page-x: clamp(1.25rem, 6vw, 9rem);

  /* ---- MOTION ------------------------------------------------------------ */
  --ease-vault:   cubic-bezier(0.22, 1, 0.36, 1);   /* oiled settle (expo.out) */
  --ease-brass:   cubic-bezier(0.65, 0, 0.35, 1);   /* mechanical in-out */
  --ease-hand:    cubic-bezier(0.16, 1, 0.3, 1);    /* the hand answered */
  --d-fast: 220ms;  --d-mid: 600ms;  --d-slow: 1100ms;  --d-held: 900ms;

  /* ---- SURFACE ----------------------------------------------------------- */
  --hairline: color-mix(in srgb, var(--brass-lo) 55%, transparent);
  --radius: 2px;                 /* image containers only; everything else 0 */
  --z-grain: 60; --z-cursor: 90; --z-chrome: 70; --z-veil: 80;
}

/* honest reduced-motion: the vault still recognizes you, it just doesn't travel */
@media (prefers-reduced-motion: reduce) {
  :root { --d-fast: 1ms; --d-mid: 1ms; --d-slow: 1ms; --d-held: 1ms; }
}