/* ── SFHooks marketing design tokens ─────────────────────────────────────────
   Single source of truth for the static marketing pages (index + about/status/
   privacy/terms). Mirrors the app's Technical Precision palette (indigo
   #322ed5, tri-font) + the signal cyan. Load BEFORE any page stylesheet. ── */
:root{
  --canvas:#f9f9ff; --surface:#ffffff; --surface-2:#fbfbff; --surface-muted:#f1f3ff;
  --border:#e4e3f0; --border-2:#c6c4d8; --border-strong:#a8a6bd;
  --fg:#141c2a; --muted:#464555; --subtle:#767587;
  --primary:#322ed5; --primary-500:#4d4ded; --primary-50:#eef0ff; --primary-100:#e1dfff; --primary-700:#2a24cf;
  --success:#059669; --success-50:#ecfdf5; --warning:#d97706; --warning-50:#fffbeb; --danger:#ba1a1a; --danger-50:#fef2f2;
  --signal:#22d3ee;
  /* dark "mission control" band */
  --ink:#0b0e16; --ink-2:#11141d; --ink-3:#1a1f2c; --ink-border:#262b3a;
  --ink-fg:#e9edf7; --ink-muted:#9aa3b8; --ink-subtle:#5f6b80;
  --disp:'Hanken Grotesk',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --pop:0 4px 6px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.06);
  --md:0 4px 14px -2px rgba(16,24,40,.10),0 2px 6px -3px rgba(16,24,40,.07);
  --lg:0 24px 50px -16px rgba(20,28,42,.28),0 8px 18px -10px rgba(20,28,42,.14);
  --glow:0 0 0 1px rgba(34,211,238,.30),0 0 30px -6px rgba(34,211,238,.45);
}