:root {
  --navy: #102A3A;
  --navy-deep: #0A1D28;
  --basalt: #22282D;
  --orange: #D85B27;
  --orange-soft: #FFF0E8;
  --mineral: #F5F6F4;
  --white: #FFFFFF;
  --steel: #647681;
  --mist: #E7ECEE;
  --slate: #344A57;
  --green: #287A5B;
  --line: #D6DFE2;
  --font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, Monaco, monospace;
  --font-body: var(--font-sans);
  --color-ink: var(--basalt);
  --color-background: var(--mineral);
  --color-focus: var(--orange);
  --radius-control: 4px;
  --space-section: 48px;
  --max: 1200px;
}