/* ==========================================================================
   WIFI WEALTH — Design tokens
   The single source of truth. Nothing below this file invents a value.
   ========================================================================== */

:root {
  /* ---- Surface ---------------------------------------------------------- */
  --noir:        #0b0b0c;   /* the room the brand lives in                   */
  --noir-lift:   #121214;   /* one step up: cards, wells                     */
  --noir-lift-2: #191919;   /* two steps up: hover, inset                    */
  --verre:       #131a17;   /* bottle green — the cellar                     */
  --oxblood:     #5e1a22;   /* Bandol, decanted                              */
  --oxblood-lo:  #3a1017;

  /* ---- Ink -------------------------------------------------------------- */
  --bone:        #eae6dd;   /* primary text — never pure white               */
  --bone-2:      rgba(234, 230, 221, 0.62);
  --bone-3:      rgba(234, 230, 221, 0.38);
  --bone-4:      rgba(234, 230, 221, 0.16);

  /* ---- Metal ------------------------------------------------------------ */
  --brass:       #c2a25e;   /* oxidised, not shiny. the only accent.         */
  --brass-lo:    #8e7440;
  --brass-hi:    #e6d3a3;
  --brass-glow:  rgba(194, 162, 94, 0.18);

  /* ---- Lines ------------------------------------------------------------ */
  --rule:        rgba(234, 230, 221, 0.13);
  --rule-soft:   rgba(234, 230, 221, 0.07);
  --rule-brass:  rgba(194, 162, 94, 0.34);
  --hair:        1px;

  /* ---- Type ------------------------------------------------------------- */
  --display: "Bodoni Moda", "Didot", "Bodoni MT", "Times New Roman", serif;
  --sans:    "Jost", "Futura", "Century Gothic", "Helvetica Neue", sans-serif;
  --mono:    "Jost", ui-monospace, "SF Mono", "Cascadia Mono", monospace;

  /* Fluid scale — 360px → 1600px viewport */
  --t-hero:  clamp(2.6rem, 9vw, 9.4rem);
  --t-d1:    clamp(2.7rem, 7.2vw, 6.4rem);
  --t-d2:    clamp(2.1rem, 4.6vw, 4rem);
  --t-d3:    clamp(1.6rem, 2.6vw, 2.4rem);
  --t-lead:  clamp(1.05rem, 1.45vw, 1.35rem);
  --t-body:  clamp(0.95rem, 1.02vw, 1.05rem);
  --t-small: 0.815rem;
  --t-micro: 0.68rem;

  --track-display: -0.035em;
  --track-eyebrow:  0.3em;
  --track-caps:     0.16em;

  /* ---- Space ------------------------------------------------------------ */
  --gutter:  clamp(1.25rem, 4.4vw, 4.5rem);
  --shelf:   clamp(4.5rem, 11vw, 11rem);   /* vertical section rhythm       */
  --shelf-s: clamp(2.75rem, 6vw, 6rem);
  --maxw:    1560px;
  --readw:   68ch;

  /* ---- Motion ----------------------------------------------------------- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-1: 0.28s;
  --dur-2: 0.6s;
  --dur-3: 1.1s;
  --dur-4: 1.6s;

  /* ---- Depth ------------------------------------------------------------ */
  --z-guides:  1;
  --z-menu:    70;
  --z-header:  75;   /* above the menu — the burger must stay clickable */
  --z-curtain: 90;
  --z-loader:  100;
  --z-cursor:  110;

  --shadow-lift: 0 2rem 5rem -1.5rem rgba(0, 0, 0, 0.85);
  --shadow-cut:  0 1px 0 0 var(--rule);

  color-scheme: dark;
}

/* The site is authored dark. A light "gallery" mode is used only for the
   Ledger reading view, where long-form on bone paper is simply better. */
[data-surface="paper"] {
  --noir:        #efece4;
  --noir-lift:   #e6e2d8;
  --noir-lift-2: #dcd7ca;
  --bone:        #17181a;
  --bone-2:      rgba(23, 24, 26, 0.66);
  --bone-3:      rgba(23, 24, 26, 0.44);
  --bone-4:      rgba(23, 24, 26, 0.14);
  --rule:        rgba(23, 24, 26, 0.16);
  --rule-soft:   rgba(23, 24, 26, 0.08);
  --brass:       #8a6d2c;
  --brass-hi:    #6d551f;
  --brass-glow:  rgba(138, 109, 44, 0.16);
  color-scheme: light;
}