:root {
  /* surface — neutral dark, no blue tint */
  --bg-0: #0a0a0c;
  --bg-1: #0f0f12;
  --bg-2: #15151a;
  --bg-3: #1c1c22;
  --line: rgba(255, 255, 255, 0.07);
  --line-strong: rgba(255, 255, 255, 0.14);

  /* ink */
  --ink-0: #f4f4f6;
  --ink-1: #c8c9d0;
  --ink-2: #8b8d97;
  --ink-3: #5b5d68;

  /* accent — used sparingly */
  --stik-300: #6ea8ff;
  --stik-500: #3a8eff;
  --stik-600: #2974e0;

  /* type */
  --font-sans: "Inter", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* radii — small, modern */
  --rad-sm: 6px;
  --rad-md: 10px;
  --rad-lg: 14px;
  --rad-xl: 18px;

  /* motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-1: 160ms;
  --dur-2: 280ms;
  --dur-3: 500ms;
}