:root {
  --color-bg: #F7F3E8;
  --color-surface: #FFFCF5;
  --color-ink: #1D3A4D;
  --color-accent: #DFA71D;
  --color-deep-navy: #122B3A;
  --color-ripe-gold: #E8B329;
  --color-slate-copy: #4F5E67;
  --color-crock-edge: #818F96;
  --color-flour-rule: #D8D1C3;
  --color-ledger-paper: #EFE8D9;
  --color-success-green: #2E6B4E;
  --color-error-red: #A13A34;
  --color-toasted-gold: #7A5200;

  --font-heading: "Bitter", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --font-accent: "Source Sans 3", "Segoe UI", Arial, sans-serif;

  --font-weight-body: 400;
  --font-weight-heading: 600;
  --font-weight-accent: 700;

  --spacing-base: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
}