/* JOLTKEYS — design tokens (see design.md) */
:root {
  /* ---- color ---- */
  --bg: #0A0A0F;
  --bg-2: #07070B;
  --surface-1: #111119;
  --surface-2: #16161F;
  --surface-3: #1C1C28;
  --text: #EDEDED;
  --text-muted: #9A9AA8;
  --text-dim: #6A6A78;
  --border: rgba(255, 255, 255, .10);
  --border-strong: rgba(255, 255, 255, .22);
  --line: #282828;                  /* visible border — muted, thin */
  --bd: 1px solid var(--line);
  --bd-strong: 1px solid #3a3a3a;
  --ink: #0A0A0F;                   /* text on flooded (lime) surfaces */
  --shadow-hard: 8px 8px 0 0 #000;
  --shadow-acid: 6px 6px 0 0 var(--acid);

  /* ---- accents ---- */
  --acid: #C6FF3A;
  --acid-600: #A8E024;
  --acid-ink: #0A0A0F;
  --magenta: #FF2D7E;
  --accent: var(--acid);      /* dynamic — set per platform by the switcher */
  --accent-ink: #0A0A0F;

  /* ---- semantic ---- */
  --success: #21E065;
  --warning: #FFB020;
  --danger: #FF3B3B;
  --info: #2B7BFF;

  /* ---- effects ---- */
  --glow-acid: 0 0 24px rgba(198, 255, 58, .45);
  --glow-accent: 0 0 26px color-mix(in srgb, var(--accent) 45%, transparent);
  --grid-line: rgba(255, 255, 255, .04);
  --scanline: rgba(255, 255, 255, .025);
  --grad-acid: linear-gradient(120deg, #C6FF3A, #8FE0FF);

  /* ---- type ---- */
  --font-display: 'Clash Display', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', monospace;
  --fs-display: clamp(3rem, 8vw, 7.5rem);
  --fs-h1: clamp(2.25rem, 5vw, 4rem);
  --fs-h2: clamp(1.75rem, 3.5vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.6rem);
  --fs-body: clamp(1rem, 1.1vw, 1.0625rem);
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;

  /* ---- spacing ---- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;

  /* ---- radii ---- */
  --r-sm: 0px; --r-md: 0px; --r-lg: 0px; --r-pill: 0px;   /* brutalism: sharp corners */

  /* ---- layout ---- */
  --maxw: 1480px;
  --gutter: clamp(16px, 5vw, 64px);
  --section-y: clamp(64px, 10vw, 144px);

  /* ---- z-index ---- */
  --z-header: 50;
  --z-cursor: 80;
  --z-overlay: 90;
  --z-preloader: 100;

  /* ---- motion ---- */
  --dur-micro: .16s;
  --dur-std: .3s;
  --dur-entr: .7s;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, .05, .36, 1);
}