:root{
  --white: #ffffff;
  --seasalt: #f8f7f5;
  --alabaster: #e8e3db;
  --alabaster-hover: #ddd6cb;
  --jet: #2a2a2a;
  --dim-gray: #6b6b6b;
  --oxford-blue: #0e172b;
  --barn-red: #75140c;
  --barn-red-hover: #5a0f09;
  --field-border: #8c8781;
  --light-tint: #e9d9d8;
  --barn-red-60: #ac726d;
  --hunyadi-yellow: #e6b048;
  --silver-lake-blue: #5b8db8;
  --sea-green: #2e8b57;
  --callout-neutral: #f2f2f2;
  --callout-exercise: #fdf5e6;
  --callout-info: #e3eef6;
  --callout-caution: #fae8e6;
  --callout-positive: #e6f4ed;
  --surface: var(--white);
  --surface-alt: var(--seasalt);
  --text: var(--jet);
  --text-muted: var(--dim-gray);
  --heading: var(--oxford-blue);
  --accent: var(--barn-red);
  --font-sans: "Geist", Arial, Helvetica, sans-serif;
  --font-serif: "PT Serif", Georgia, "Times New Roman", serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-full: 9999px;
  --content-width: 1120px;
  --reading-width: 680px;
  --control-height: 48px;
  --header-logo-height: 40px;
  --breakpoint-narrow: 640px;
  --breakpoint-nav: 760px;
}