/* tokens.css - colours, type, shape and spacing. site.css reads only these. */

@font-face{font-family:"Lexend";src:url("../fonts/lexend-latin-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-latin-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --bg:#ffffff;          /* page background */
  --alt:#f4f7f5;         /* quiet alternate section */
  --ink:#14201a;         /* body text and headings */
  --mute:#4f5f56;        /* secondary text (AA on --bg and --alt) */
  --line:#dfe6e1;        /* hairlines and tile borders */
  --field:#7b8a81;       /* strong borders (3:1) */
  --accent:#03652a;      /* text and buttons on light */
  --accent-h:#024f21;    /* accent hover */
  --on-accent:#ffffff;   /* text on --accent */
  --dot:#048a36;         /* the green dot in the wordmark */
  --band:#03652a;        /* hero band and header */
  --on-band:#ffffff;     /* text on the band */
  --on-band-mute:#d6eadc;/* secondary text on the band (AA) */
  --band-line:rgba(255,255,255,.55); /* outline button border on the band */
  --btn-band:#ffffff;    /* primary button on the band */
  --btn-band-ink:#03652a;/* text on the primary band button */
  --btn-band-h:#e6f4ea;  /* primary band button hover */
  --focus:#03652a;       /* focus ring on the page */
  --focus-band:#ffffff;  /* focus ring on the band */
  --r:6px;               /* the one radius */
  --wrap-max:1120px;
  --gutter:20px;
  --gutter-lg:32px;
  --font-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mark:"Lexend",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}

[data-theme="dark"]{
  --bg:#0c110e; --alt:#121a15; --ink:#e9f0eb; --mute:#a3b2a9; --line:#243029; --field:#7f9086;
  --accent:#5fd68a; --accent-h:#82e2a5; --on-accent:#0a1f12; --dot:#5fd68a;
  --band:#0f2a1a; --on-band:#f1f7f3; --on-band-mute:#b4cdbd; --band-line:rgba(95,214,138,.6);
  --btn-band:#5fd68a; --btn-band-ink:#0a1f12; --btn-band-h:#82e2a5;
  --focus:#5fd68a; --focus-band:#5fd68a;
  color-scheme:dark;
}