/* The shared visual language. The wordmark is owned by brand.css. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
  --ink: #17344b;
  --muted: #516879;
  --line: #c8d7e1;
  --paper: #f8fafb;
  --canvas: #eef4f8;
  --accent: #24678f;
  --navy: #163e5b;
  --ice: #bde4f5;
  --surface-soft: #e4eef5;
  --surface-blue: #dfeef7;
  --surface-warm: #e7eff5;
  --radius-card: 4px;
  --radius-control: 3px;
  --shadow-card: none;
  --font-editorial: 'Newsreader', Georgia, serif;
  --font-body: 'Manrope', sans-serif;
  --font-label: 'DM Mono', monospace;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font-body);
  font-synthesis: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--ice); color: var(--navy); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
:is(h1, h2, h3) { text-wrap: balance; }
:is(p, li) { text-wrap: pretty; }
html { scroll-padding-top: 28px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }