/* Design tokens. The one place colors, type, radii and spacing are set.
   Generated from the WordPress theme's meridian/tokens filter. Edit here now. */
:root{
  --m-color-bg:#ffffff;
  --m-color-surface:#f5f7fb;
  --m-color-surface-deep:#eef2f8;
  --m-color-ink:#0d1320;
  --m-color-muted:rgba(13, 19, 32, 0.66);
  --m-color-faint:rgba(13, 19, 32, 0.42);
  --m-color-line:rgba(15, 23, 42, 0.08);
  --m-color-line-strong:rgba(15, 23, 42, 0.16);
  --m-color-accent:#0284c7;
  --m-color-accent-soft:#38bdf8;
  --m-color-accent-deep:#075985;
  --m-color-on-accent:#ffffff;
  --m-color-success:#15803d;
  --m-color-warning:#b45309;
  --m-color-danger:#b91c1c;
  --m-color-caution:#cf4b3e;
  --m-color-caution-soft:#fbeae8;
  --m-font-display:"Norwester", "Archivo Narrow", Impact, sans-serif;
  --m-font-body:"Figtree", system-ui, -apple-system, sans-serif;
  --m-font-mono:"Space Grotesk", ui-monospace, monospace;
  --m-type-display-tracking:0.005em;
  --m-type-display-leading:0.92;
  --m-type-body-leading:1.7;
  --m-type-scale-ratio:1.25;
  --m-radius-sm:8px;
  --m-radius-md:12px;
  --m-radius-lg:16px;
  --m-radius-xl:24px;
  --m-radius-full:999px;
  --m-space-section:clamp(4rem, 7.5vw, 120px);
  --m-space-gutter:clamp(1.25rem, 5vw, 80px);
  --m-space-container:1600px;
  --m-space-measure:60ch;
  --m-motion-fast:180ms;
  --m-motion-base:320ms;
  --m-motion-slow:900ms;
  --m-motion-ease:cubic-bezier(0.22, 1, 0.36, 1);
  --m-motion-reveal:28px;
  --m-shadow-sm:0 10px 26px -8px rgba(13, 23, 41, 0.08);
  --m-shadow-md:0 16px 36px -10px rgba(13, 23, 41, 0.14);
  --m-shadow-lg:0 20px 44px -12px rgba(13, 23, 41, 0.12);
}

/* Norwester is switched off so headings match the WordPress site, where the
   font file was missing and headings fell back to Impact. To bring Norwester
   back, uncomment this and restore the preload line in src/partials/head.html.
@font-face {
  font-family: "Norwester";
  src: url("/assets/fonts/Norwester.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/