@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
  --color-classic-blue: #173f78;
  --color-deep-navy: #0b2038;
  --color-ivory: #f4efe6;
  --color-ink: #15171c;
  --color-ochre: #c5a15a;
  --color-night-garden: #071f28;
  --color-soft-neutral: #e7dfd5;
  --font-display: 'Newsreader', Georgia, serif;
  --font-body: 'Figtree', sans-serif;
  --space-page: clamp(1rem, 3vw, 3rem);
  --space-section: clamp(3.25rem, 6vw, 6rem);
  --radius-panel: clamp(1.1rem, 2vw, 2rem);
  --radius-pill: 999px;
  --content-max: 90rem;
  --reading-max: 62ch;
  --motion-fast: 180ms;
  --motion-slow: 650ms;
}