/* WYS brand layer — self-hosted fonts + design tokens (loads site-wide) */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('fonts/space-grotesk.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url('fonts/ibm-plex-sans.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.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-500.woff2') format('woff2')}

:root{
  --wys-green:#123F34;--wys-green-2:#0d2f27;--wys-volt:#C6F24E;--wys-mint:#9BE3C0;
  --wys-signal:#1E8C63;--wys-ink:#171C19;--wys-paper:#F3F1E9;
  --wys-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
}

/* Scope brand typography to our own blocks so we never fight the theme globally. */
.wys,.wys *{box-sizing:border-box}
.wys{font-family:'IBM Plex Sans',-apple-system,'Segoe UI',Roboto,sans-serif}
.wys h1,.wys h2,.wys h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;line-height:.95;margin:0}
.wys .mono{font-family:var(--wys-mono);text-transform:uppercase;letter-spacing:.22em;font-size:11px}