/* Busy Brain Dad — shared tokens and fonts. Every page links this file. */
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url("/assets/fonts/barlow-condensed-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url("/assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}

:root{
  /* colour (dark is the brand default) */
  --ground:#121619; --surface:#1E2428; --ink:#F2EDE4; --muted:#9AA3A9; --hairline:#2E363B;
  --ember:#E4572E; --on-ember:#121619;
  --moss:#6FA585; --gold:#D9A441; --steel:#8B959C;
  /* type */
  --display:"Barlow Condensed","Arial Narrow",sans-serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.6 var(--body)}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--ember);outline-offset:3px}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}