:root {
  /* Night Sky chrome, Cool Neutral field, Electric Blue accent. */
  --bg: #f5f7fa;
  --bg-2: #edf0f5;
  --surface: #ffffff;
  --surface-2: #edf0f5;
  --surface-3: #d4dbe8;
  --ink: #252c3d;
  --ink-soft: #3b4150;
  --muted: #515664;
  --faint: #4f709e;
  --line: #d4dbe8;
  --line-strong: #a6b8cf;
  --accent: #3366ff;
  --accent-ink: #1a4dff;
  --accent-deep: #252c3d;
  --accent-soft: rgb(51 102 255 / 16%);
  --accent-mist: #ebf0ff;
  --accent-contrast: #ffffff;
  --accent-on-dark: #99b2ff;
  --link: #1a4dff;
  --header: #252c3d;
  --success: #047857;
  --warn: #a16207;
  --danger: #b91c1c;
  --type-display: Archivo, ui-sans-serif, system-ui, sans-serif;
  --type-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --type-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --type-lead: "Archivo SemiExpanded", Archivo, ui-sans-serif, system-ui, sans-serif;
  --type-mono: "IBM Plex Mono", ui-monospace, monospace;
  --chrome-header: 5.75rem;
  --r-sm: 0.25rem;
  --r-md: 0.375rem;
  --r-lg: 0.5rem;
}