/**
 * Design tokens - single source of truth for the styling reskin.
 * Reference: reskin-notes.md, _design-refrence/design-annotations.png
 */

:root {
  /* Colors */
  --color-text: #ffffff;
  --color-bg: #000000;
  --color-accent: #cd0001;
  --color-accent-blue: #002d72;
  --color-muted: #b3b3b3;
  --color-error: red;
  --color-success: green;

  /* Borders */
  --border-width: 1px;
  --border-color: #ffffff;
  --radius-metrics: 0.75rem;
  --radius-search: 0.5rem;
  --radius-pill: 9999px;

  /* Typography */
  --font-sans: 'Inter Variable', 'Inter', system-ui, sans-serif;
}

html {
  font-family: var(--font-sans);
}