:root {
  /* Canvas white, cool slate field, crimson accent, navy ink. */
  --bg: #ffffff;
  --bg-2: #f7f9fc;
  --surface: #ffffff;
  --surface-2: #f3f6fa;
  --surface-3: #e6edf5;
  --ink: #002d72;
  --ink-soft: #0a3a7a;
  --muted: #3d5478;
  --faint: #6b7f9a;
  --line: #d9e2ee;
  --line-strong: #b7c7db;
  --accent: #ba0c2f;
  --accent-ink: #9b0a27;
  --accent-deep: #7a081f;
  --accent-soft: rgb(186 12 47 / 14%);
  --accent-mist: rgb(186 12 47 / 6%);
  --accent-contrast: #ffffff;
  --accent-on-dark: #f3b4c0;
  --link: #ba0c2f;
  --header: #ffffff;
  --success: #047857;
  --warn: #a16207;
  --danger: #b91c1c;
  --type-display: Archivo, ui-sans-serif, system-ui, sans-serif;
  --type-sans: Archivo, ui-sans-serif, system-ui, sans-serif;
  --type-body: "IBM Plex Sans", 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;
}