/* Shared visual tokens. Breakpoints: compact 760px, medium 1100px, wide 1600px.
   Media queries use literal values because CSS variables cannot be used in conditions. */
:root {
  --ivory: #faf9f6;
  --navy: #091936;
  --green: #12573f;
  --saffron: #b84921;
  --line: #e6e1d8;
  --font-display: Georgia, serif;
  --font-body: Arial, sans-serif;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --section-space: 64px;
  --page-gutter: 5%;
  --radius-card: 8px;
  --shadow-lift: 0 12px 35px #0919360d;
}