:root {
  --navy: #1C1454;
  --orange: #E65F3C;        /* brand coral — accents, focus rings, FAB (icon-only) */
  --orange-deep: #C44A2A;   /* darker variant — backgrounds with body-size text (white-on-deep = 4.82:1, AA Normal) */
  --white: #FFFFFF;
  --offwhite: #F9FAFB;
  --border: #E5E7EB;
  --muted: #6B7280;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;

  --max-content: 1200px;
  --gutter: 24px;
}