/* The Learning Compass: navy, teal and amber on warm paper. Fraunces for display, Source Sans 3 for text. */
@font-face { font-family: "Fraunces"; src: url("/fonts/fraunces.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("/fonts/source-sans-3.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
:root {
  --display: "Fraunces", Georgia, serif;
  --body: "Source Sans 3", system-ui, sans-serif;
  --ui: "Source Sans 3", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -.02em;
  --bg: #FBF8F1; --surface: #FFFFFF; --surface-2: #F3EBDA; --line: #E2D8C3;
  --text: #12263A; --muted: #4B5B6B; --accent: #F2B134; --accent-ink: #12263A; --accent-text: #1B6878; --link: #1B6878;
  --header-bg: #12263A; --header-text: #FBF8F1; --header-muted: #D5DEE6; --header-line: #12263A; --header-hover: rgb(255 255 255 / .1);
  --hero-bg: #12263A; --hero-text: #FBF8F1; --hero-muted: #C9D5E0; --hero-accent: #F2B134;
  --news-bg: #E7F1F2;
  --footer-bg: #0C1B2A; --footer-text: #EEF2F5; --footer-muted: #A9B8C6; --footer-panel: #12263A; --footer-line: #23405C; --footer-accent: #F2B134;
  --radius-sm: 10px; --radius-lg: 18px; --radius-btn: 999px;
  --shadow: 0 14px 34px rgb(18 38 58 / .14);
}