/* Design tokens — see spec §2 and §4. */

:root {
  /* §2.1 Backgrounds */
  --bg-base: #0b0c0a;
  --bg-surface: #111310;
  --bg-raised: #181a16;
  --bg-inset: #080908;

  /* §2.2 Borders */
  --border: #252720;
  --border-dim: #1a1c18;
  --border-focus: #52a852;

  /* §2.3 Text */
  --text-primary: #c8ccbf;
  --text-muted: #919880;
  --text-dim: #606458;
  --text-inverse: #0b0c0a;

  /* §2.4 Accent — green (primary) */
  --green: oklch(68% 0.14 140);
  --green-dim: oklch(40% 0.10 140);
  --green-bg: oklch(20% 0.06 140);

  /* §2.4 Accent — amber (warning) */
  --amber: oklch(70% 0.14 75);
  --amber-dim: oklch(42% 0.10 75);
  --amber-bg: oklch(18% 0.06 75);

  /* §2.4 Accent — red (error) */
  --red: oklch(60% 0.18 25);
  --red-dim: oklch(38% 0.12 25);
  --red-bg: oklch(16% 0.07 25);

  /* §2.4 Accent — blue (info / staff) */
  --blue: oklch(65% 0.13 240);
  --blue-dim: oklch(38% 0.09 240);
  --blue-bg: oklch(18% 0.06 240);

  /* §2.4 Accent — bluecta (reserved for landing-page CTA, Pass C+) */
  --bluecta: oklch(43% 0.31 264);
  --bluecta-dim: oklch(27% 0.21 264);
  --bluecta-bg: oklch(14% 0.10 264);

  /* §2.5 Sizing & misc */
  --input-h: 32px;
  --btn-h: 32px;
  --sidebar-w: 200px;
  --radius: 0px;
  --transition: 80ms linear;

  /* §4 Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
}