/* tokens.css — custom properties ONLY. No rules in this file.
   Palette: "Wadi Rum at dusk". --signal is RESERVED for the accessibility layer. */

:root {
  /* colour */
  --void:    #0B0813;  /* page background, near-black violet */
  --dusk:    #170F26;  /* raised surfaces */
  --panel:   #120C1E;  /* cards, drawer */
  --line:    rgba(242, 237, 228, .10);
  --ember:   #FF6B35;  /* Petra sandstone glow — accent, use sparingly */
  --stone:   #C1502E;
  --gold:    #E8B96A;  /* primary action / display accent */
  --signal:  #4ECDC4;  /* RESERVED: accessibility features only */
  --bone:    #F2EDE4;  /* body text */
  --dim:     rgba(242, 237, 228, .58);
  --dimmer:  rgba(242, 237, 228, .36);

  /* type */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;
  --font-arabic: 'Noto Kufi Arabic', 'Segoe UI', sans-serif;

  --size-h1: clamp(3.1rem, 9vw, 7.4rem);
  --size-h2: clamp(2.1rem, 4.6vw, 3.7rem);
  --size-h3: clamp(1.35rem, 2.4vw, 1.85rem);
  --size-body: 1rem;
  --size-small: .875rem;
  --size-micro: .75rem;
  --leading-h1: .93;
  --leading-h2: 1.04;
  --leading-body: 1.75;

  /* space */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6.5rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --measure: 68ch;
  --page-max: 82rem;

  /* motion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .18s;
  --dur-med: .45s;
  --dur-slow: .9s;

  /* shape */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 22px;

  /* focus — 3px, ≥3:1 against surroundings (WCAG 2.4.13-ish, 2.4.7) */
  --focus-ring: 3px solid var(--gold);
  --focus-offset: 3px;

  /* z-index registry */
  --z-nav: 100;
  --z-drawer: 900;
  --z-toast: 950;
  --z-cursor: 9998;

  /* kinetic cursor */
  --cursor-dot: 7px;
  --cursor-ring: 56px;
}