/* Shared design tokens for every HTML artifact (guide, scenario card, explainer, print sheets).
   The single place for brand colours and typefaces: other stylesheets reference these, never retype them. */
@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:block;src:url('fonts/Barlow-400.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:block;src:url('fonts/Barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-weight:600;font-style:normal;font-display:block;src:url('fonts/BarlowSemiCondensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-weight:700;font-style:normal;font-display:block;src:url('fonts/BarlowSemiCondensed-700.woff2') format('woff2')}
:root{
  --mm-graphite:#1d1d20;
  --mm-crimson:#b3202a;
  --mm-crimson-light:#ff9aa0;
  --mm-ground:#f2f0ec;
  --mm-tint:#f8e9e8;
  --mm-muted:#55555c;        /* print sheets */
  --mm-muted-guide:#4a4a50;  /* guide pages; differs from the print muted on purpose until reviewed */
  --mm-rule:#cfcbc2;         /* print sheets */
  --mm-hairline:#d9d5cd;     /* guide pages; differs from the print rule on purpose until reviewed */
  --mm-paper:#ffffff;
  --mm-font-head:'Barlow Semi Condensed',system-ui,sans-serif;
  --mm-font-body:'Barlow',system-ui,sans-serif;
}