/*
 * Design tokens. This is the only file you should need to touch to rebrand:
 * swap --color-accent and the whole page follows, including the canvas dots,
 * which read this variable at runtime.
 */
:root {
  --color-bg: #08090b;
  --color-text: #f4f6f8;
  --color-text-muted: #9aa3ad;
  --color-accent: #3d6bff;
  --color-accent-ink: #ffffff;
  --color-rule: rgba(244, 246, 248, 0.12);

  /*
   * System stacks only — no webfont request, so the page renders identically
   * offline and on hostile networks. Inter and JetBrains Mono are listed first
   * for anyone who happens to have them installed locally.
   */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    "Segoe UI Variable Display", "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular,
    "Cascadia Mono", Menlo, Consolas, monospace;

  --step-hero: clamp(2.75rem, 7.5vw, 6.25rem);
  --step-lede: clamp(1rem, 1.6vw, 1.1875rem);
  --step-micro: 0.6875rem;

  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-16: 4rem;

  --gutter: clamp(1.5rem, 5vw, 5rem);
  --radius-pill: 999px;
  --transition: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}