/* Collective theme. The only file that sets brand colours, typefaces and texture tokens.
   Interface: see THEME.md. Calculation and page modules never reference these values directly. */
@font-face {
  font-family: 'Archivo';
  src: url('../theme/fonts/archivo-latin-variable.woff2') format('woff2');
  font-weight: 400 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../theme/fonts/ibm-plex-mono-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../theme/fonts/ibm-plex-mono-latin-medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

:root {
  --paper: #F7F7F2;
  --ink: #181918;
  --grey: #EBEBE5;
  --red: #F44B32;
  --deep-red: #AD2B19;
  --muted: #676962;
  --line: #C8CAC1;
  --sage: #E3E4DC;
  --sage-track: #B4B8AD;
  --sans: 'Archivo', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --hatch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M-1 1l2-2M0 6l6-6M5 7l2-2' stroke='%23181918' stroke-width='1'/%3E%3C/svg%3E");
  --hatch-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M-1 1l2-2M0 6l6-6M5 7l2-2' stroke='%23AD2B19' stroke-width='1.2'/%3E%3C/svg%3E");
  --tooltip-muted: #D4D8CD;
  color-scheme: light;
}