/*
 * Normalized from the user-supplied DESIGN.md, theme.css, tokens.json,
 * and variables.css. Invalid exported range and color values are corrected.
 */
:root {
  color-scheme: dark;

  --ink-000: #000000;
  --ink-050: #0a0a0b;
  --ink-100: #151617;
  --ink-200: #242628;
  --slate-300: #303236;
  --slate-500: #797d86;
  --slate-600: #94979e;
  --slate-700: #c9cbcf;
  --white: #ffffff;
  --signal-green: #34d59a;
  --signal-green-muted: #285d49;
  --signal-green-scan: #39a57d;
  --ace-red: #d60019;
  --system-warning: #ff3621;

  --surface-canvas: var(--ink-000);
  --surface-raised: var(--ink-050);
  --surface-panel: var(--ink-100);
  --surface-panel-strong: var(--ink-200);
  --border-default: var(--slate-300);
  --text-primary: var(--white);
  --text-secondary: var(--slate-700);
  --text-muted: var(--slate-500);
  --text-metadata: var(--slate-600);
  --accent-live: var(--signal-green);
  --accent-brand: var(--ace-red);
  --accent-danger: var(--system-warning);

  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  --text-display: clamp(3.25rem, 7.1vw, 5rem);
  --text-h2: clamp(2.25rem, 4.4vw, 3rem);
  --text-h3: 1.5rem;
  --text-subheading: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;

  --element-space: clamp(0.5rem, 1vw, 1rem);
  --section-space: clamp(6rem, 10vw, 8rem);
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --page-max: 75rem;
  --header-height: 4.5rem;

  --radius-panel: 0.25rem;
  --radius-action: 9999px;
  --rule: 1px solid var(--border-default);
}