/* ==========================================================================
   tokens.css — "The Reveal" design system tokens.
   Ported VERBATIM from blindfold-the-reveal-preview.html (§ TOKENS) + §14.
   The single source of truth for color, type, motion. Loaded first, every page.
   ========================================================================== */

:root {
  /* ---- PALETTE -------------------------------------------------------- */
  --ink:        #0C0B0A;   /* base — the blindfold, the unseen, the ink      */
  --shadow:     #19150F;   /* surfaces, cards                                */
  --veil:       #2A2118;   /* borders, the mid-tone blindfold band           */
  --grace:      #E8B259;   /* the light breaking through — hero color/CTA    */
  --grace-hi:   #F6D79A;   /* warmer core of the light                       */
  --grace-lo:   #C8893A;   /* amber edge of the light                        */
  --bone:       #EDE6D8;   /* warm off-white text — never pure #fff          */
  --bone-dim:   rgba(237, 230, 216, 0.66);
  --bone-faint: rgba(237, 230, 216, 0.55);  /* ~5.2:1 on --ink — passes WCAG AA */
  --blood:      #A8322B;   /* single hot accent — needle/cross/passion <5%   */

  /* surface helpers */
  --hairline:   var(--veil);
  --grace-glow: rgba(232, 178, 89, 0.45);

  /* ---- FLUID TYPE SCALE (verbatim from preview) ----------------------- */
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.86rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.12rem);
  --step-1:  clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --step-2:  clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --step-3:  clamp(2.4rem, 1.7rem + 3.4vw, 4.6rem);
  --step-4:  clamp(3.4rem, 2.2rem + 6vw, 8rem);

  /* ---- TYPE FAMILIES (verbatim from preview) -------------------------- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---- EASING CURVES — hand-authored, the soul of the motion ---------- */
  --ease-unveil: cubic-bezier(0.62, 0.01, 0.16, 1);   /* hesitate, release, settle */
  --ease-focus:  cubic-bezier(0.2, 0.7, 0.2, 1);      /* vision: blur → sharp      */
  --ease-rise:   cubic-bezier(0.22, 1, 0.30, 1);      /* gentle emergence          */

  /* ---- TIMING knobs (mirror reveal.js / preview choreography) --------- */
  --beat:        420ms;    /* the held beat in the dark before the lift     */
  --unveil-dur:  1700ms;   /* the blindfold lift                            */
  --focus-dur:   1300ms;   /* hero focus-in                                 */

  /* ---- LAYOUT (verbatim from preview) --------------------------------- */
  --content-max: 1180px;
  --gutter:      clamp(1.25rem, 5vw, 4rem);
  --nav-h:       clamp(3.75rem, 8vw, 4.5rem);

  /* radii */
  --radius:      4px;      /* cards / surfaces                              */
  --radius-btn:  2px;      /* the sharp, pressed-metal CTA                  */
  --radius-pill: 100px;    /* chips                                         */

  color-scheme: dark;
}