/* Design tokens. Light = cool paper; Dark = navy field. Brand: Navy #1B2D3E, Cyan #0DC2D8. */
:root{
  /* Brand */
  --navy:#1B2D3E; --navy-900:#12202E; --navy-700:#2A4257;
  --cyan:#0DC2D8; --cyan-ink:#087C8B; --cyan-50:#E9FAFC;
  /* Semantic (light) */
  --bg:#F7F9FB; --surface:#FFFFFF; --surface-2:#F0F4F8;
  --ink:#15222F; --slate:#51657A; --line:#E3E9EF;
  --link:#087C8B; --accent:#0DC2D8; --on-accent:#0A1A24;
  --header-bg:rgba(247,249,251,.82); --header-line:#E3E9EF;
  --shadow:0 1px 2px rgba(20,34,47,.06), 0 8px 24px -12px rgba(20,34,47,.14);
  /* Geometry */
  --shear:-11deg; --radius:14px; --radius-sm:8px;
  --wrap:1180px; --measure:68ch;
  --fdisplay:var(--wp--preset--font-family--display, 'Archivo', system-ui, sans-serif);
  --fbody:var(--wp--preset--font-family--body, 'IBM Plex Sans', system-ui, sans-serif);
  --fmono:var(--wp--preset--font-family--mono, 'IBM Plex Mono', ui-monospace, monospace);
}
:root[data-theme="dark"]{
  --bg:#12202E; --surface:#1B2D3E; --surface-2:#22384B;
  --ink:#E7EEF4; --slate:#9DB1C2; --line:#2A4257;
  --link:#2FD3E6; --accent:#0DC2D8; --on-accent:#0A1A24;
  --header-bg:rgba(18,32,46,.82); --header-line:#2A4257;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px -14px rgba(0,0,0,.6);
}