/* Process Health design kit v1 (tokens.json, 25 Oct 2026). Copy of the kit; change the kit, then copy again. */
@font-face { font-family: 'Inter'; src: url('/fonts/Inter-400-700.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }
@font-face { font-family: 'Inter Tight'; src: url('/fonts/InterTight-800.woff2') format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }

:root {
  --surface: #ffffff;
  --surface-raised: #f6f7f6;
  --line: #e3e6e4;
  --line-strong: #8a918d;
  --ink: #0a0a0a;
  --ink-muted: #5b625e;
  --mint: #00f5a0;
  --on-mint: #0a0a0a;
  --magenta: #ff006e;
  --on-magenta: #0a0a0a;
  --magenta-text: #d6005c;
  --success-text: #007a52;
  --danger-text: #c4161c;
  --button-fill: var(--ink);
  --on-button: var(--surface);
  --focus: #ff006e;

  --font-display: "Inter Tight", -apple-system, "SF Pro Display", system-ui, sans-serif;
  --font-sans: Inter, -apple-system, "SF Pro Text", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-16: 64px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(10,10,10,0.06), 0 12px 32px rgba(10,10,10,0.08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #0b0c0c;
    --surface-raised: #151717;
    --line: #2a2e2c;
    --line-strong: #6b726e;
    --ink: #f4f5f3;
    --ink-muted: #a1a8a4;
    --magenta-text: #ff4d94;
    --success-text: #00f5a0;
    --danger-text: #ff6b6b;
    --shadow-card: 0 0 0 1px rgba(255,255,255,0.06);
  }
}