/* from rules/tokens-only/tokens.css */
/* The only place where raw values live. Components use var(--…) and nothing else. */
:root {
  --text: #1c2024;
  --text-muted: #5b6570;
  --surface: #ffffff;
  --surface-2: #eef1f4;
  --accent: #2f5d8a;
  --danger: #b3261e;
  --focus: #2f5d8a;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 2rem;

  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;

  --radius: 6px;
  --radius-pill: 999px;
  --tap: 44px;
  --shadow: 0 1px 3px rgb(0 0 0 / 0.12);
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #e4e8ec;
    --text-muted: #98a3ae;
    --surface: #15191d;
    --surface-2: #232a31;
    --accent: #8db6dd;
    --danger: #f2b8b5;
    --focus: #8db6dd;
  }
}