:root {
  /* Color — "Emerald Estate": deep emerald + warm ivory, with a single
     brushed-bronze signature accent. Bronze is reserved for decoration
     (rules, borders, icon strokes, button fills, badges on emerald) — never
     for body/link text on a light background, where it fails contrast.
     Text accents on ivory/white use the deep emerald instead. */
  --navy-900: #0b3b2e; /* primary: deep emerald */
  --navy-800: #123f30; /* secondary dark surface */
  --navy-700: #1f5c46; /* emerald text/links on light backgrounds */
  --white: #ffffff;
  --offwhite: #f7f4ee; /* warm ivory — alternating section background */
  --gold-500: #8f6d3e; /* signature accent: brushed bronze — decorative + button fills (paired with white text) */
  --gold-300: #c9a96e; /* signature accent, text-legible tint for use on emerald */
  --charcoal-900: #21201c; /* body text on white */
  --charcoal-600: #5c574e; /* secondary/muted text on white */
  --line: #e4dfd2; /* hairline borders on white/offwhite */
  --on-navy-muted: rgba(255, 255, 255, 0.62); /* secondary text on emerald */
  --on-navy-line: rgba(201, 169, 110, 0.24); /* hairline borders on emerald */
  --focus-ring: #1e5fbf;

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* Spacing (8px base) */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* Shape */
  --radius-sm: 2px;
  --content-max: 1280px;
  --border-hair: 1px solid var(--line);
}