/* Sarai design tokens, copied from docs/design/state-standards-monitor-2026-09-23.html. */
:root {
  --sarai-color-surface: #FAFAFA;
  --sarai-color-surface-elevated: #FFFFFF;
  --sarai-color-surface-inverse: #011F4D;
  --sarai-color-text-primary: #011F4D;
  --sarai-color-accent: #022B85;
  --sarai-color-accent-hover: #011F4D;
  --sarai-color-accent-subtle: #D5E5FF;
  --sarai-color-accent-bright: #17479C;
  --sarai-color-text-on-accent: #FFFFFF;
  --sarai-color-text-secondary: #516584;
  --sarai-color-border: #DCE0E5;
  --sarai-color-border-strong: #C3CAD4;
  --sarai-color-success: #2E7D55;
  --sarai-color-warning: #976712;
  --sarai-color-error: #B8433F;

  --sarai-font-display: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --sarai-font-body: "Public Sans", Helvetica, Arial, sans-serif;
  --sarai-font-mono: "IBM Plex Mono", "Courier New", monospace;

  --sarai-type-h1-size: 44px;
  --sarai-type-h2-size: 32px;
  --sarai-type-h3-size: 22px;
  --sarai-type-h4-size: 17px;
  --sarai-type-body-size: 15px;
  --sarai-type-small-size: 13px;
  --sarai-type-caption-size: 12px;
  --sarai-type-eyebrow-letter-spacing: 0.16em;

  --sarai-space-4: 4px;
  --sarai-space-8: 8px;
  --sarai-space-12: 12px;
  --sarai-space-16: 16px;
  --sarai-space-24: 24px;
  --sarai-space-32: 32px;
  --sarai-space-48: 48px;

  --sarai-radius-sm: 2px;
  --sarai-radius-md: 4px;
  --sarai-radius-lg: 8px;

  --sarai-container-narrow: 720px;
  --sarai-container-text: 960px;
  --sarai-container-wide: 1200px;
  --sarai-container-full: 1440px;
  --sarai-grid-margin: 32px;
}

/* Latin subsets from the design bundle, self-hosted. SIL Open Font License 1.1; see fonts/OFL.txt. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("../fonts/cormorant-garamond-latin.ec4225ec161b.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/public-sans-latin.45ac3f4b61c1.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-mono-400-latin.814fe1615d4d.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500 700; font-display: swap; src: url("../fonts/ibm-plex-mono-500-latin.6708425c446b.woff2") format("woff2"); }