/* Spawnpad: a studio at night, lit by one ring light. Every value here is in DESIGN.md with its one job.
   Red means lit (the main action, lit segments, live) and nothing else. */
:root {
  color-scheme: dark;

  /* ground and surfaces, darkest to lightest */
  --bg: #0b0b0c;
  --bg-2: #101011;
  --surface: #151514;
  --surface-2: #1c1c1a;

  /* hairlines, in bone at low strength */
  --line: rgba(237, 237, 230, 0.08);
  --line-2: rgba(237, 237, 230, 0.14);
  --line-3: rgba(237, 237, 230, 0.24);

  /* bone ink */
  --ink: #edede6;
  --ink-2: #b7b7ae;
  --muted: #85857c;

  /* ONE accent with ONE meaning: lit. */
  --accent: #ff3b30;
  --on-accent: #0b0b0c;
  --light-off: #2e1716;

  /* states only, never decoration */
  --good: #9bd5b5;
  --bad: #ffa8b5;
  --warn: #f2b84b;

  --font-display: "Barlow Condensed", "Arial Narrow", ui-sans-serif, sans-serif;
  --font-text: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --display-weight: 600;
  --display-tracking: -0.01em;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: none;

  /* quick out, settles exactly, no bounce */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t: 280ms;

  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}