:root {
  --green-950: #07140e;
  --green-900: #0b1f16;
  --green-800: #103226;
  --green-700: #165c3a;
  --green-600: #1c7348;
  --green-500: #248a58;
  --red-700: #8b1a12;
  --red-600: #b42318;
  --gold-500: #e8c547;
  --gold-600: #c9a227;
  --white: #ffffff;
  --paper: #f4f5f2;
  --paper-2: #e8ebe5;
  --line: #d5d9d2;
  --line-strong: #b7beb6;
  --ink: #161c19;
  --ink-2: #3d4741;
  --ink-3: #5e6a63;
  --focus: #165c3a;

  --font-display: "Barlow", "Arial Narrow", Arial, sans-serif;
  --font-cond: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: clamp(1.5rem, 2.2vw, 2rem);
  --text-2xl: clamp(1.85rem, 3.2vw, 2.65rem);
  --text-3xl: clamp(2.25rem, 4.4vw, 3.55rem);

  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-body: 1.65;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;

  --container: 1500px;
  --container-wide: 1500px;
  --gutter: 1.5rem;

  --header-h: 4.75rem;
  --radius: 2px;
  --shadow: 0 12px 32px rgba(11, 31, 22, 0.12);
  --trans: 180ms ease;
}