/* ============================================================================
   Stintwise — design tokens
   Aesthetic: "pit-wall telemetry" — deep graphite, bone-white type, one
   signal-red accent, monospace data labels, hairline instrument rules.
   Every future site tool inherits from this single source.
   ========================================================================== */
:root {
  /* ---- palette ---- */
  --bg:            #0a0c10;
  --bg-2:          #0d1016;
  --surface:       #12151d;
  --surface-2:     #171b24;
  --line:          #222a36;
  --line-2:        #313b4a;
  --text:          #eef1f6;
  --text-dim:      #98a2b2;
  --text-faint:    #5b6472;
  --accent:        #ff3340;
  --accent-bright: #ff5b63;
  --accent-deep:   #c2202b;
  --accent-soft:   rgba(255, 51, 64, 0.14);
  --live:          #36f2a6;

  /* ---- type families ---- */
  --font-display: "Chakra Petch", "Saira Condensed", system-ui, sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;

  /* ---- fluid type scale ---- */
  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
  --step-0:  clamp(1rem, 0.96rem + 0.22vw, 1.12rem);
  --step-1:  clamp(1.2rem, 1.12rem + 0.4vw, 1.45rem);
  --step-2:  clamp(1.55rem, 1.3rem + 1.2vw, 2.3rem);
  --step-3:  clamp(2.2rem, 1.6rem + 2.9vw, 4rem);
  --step-4:  clamp(2.9rem, 1.9rem + 5vw, 6.5rem);

  /* ---- spacing ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;

  /* ---- structure ---- */
  --radius:    4px;
  --radius-lg: 12px;
  --maxw:      76rem;
  --shadow:    0 24px 70px -28px rgba(0, 0, 0, 0.75);
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
}