:root {
  --navy: #1e2535;
  --navy-light: #2a3347;
  --navy-dark: #141a28;
  --sage: #6b8f71;
  --sage-light: #8aab90;
  --sage-pale: #e8eeea;
  --cream: #f5f2ec;
  --white: #ffffff;
  --text-dark: #1e2535;
  --text-mid: #4a5568;
  --text-light: #8896aa;
  --accent: #c8a96e;
  --red: #c0392b;
  --amber: #d4813a;
  --blue: #3a7ab8;
  --green: #4a8c5c;
  --lilac: #7b6fad;
  --red-pale: #fdf5f4;
  --amber-pale: #fdf8f2;
  --blue-pale: #f3f7fc;
  --green-pale: #f3f8f4;
  --lilac-pale: #f6f5fb;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 4px;
  --radius-lg: 12px;
  --nav-height: 64px;
  --page-gutter: clamp(24px, 12vw, 300px);
}