/* Colours and type for the whole site: the inside of a laser cutter with the lid down. */
@font-face {
  font-family: "Archivo";
  src: url("/assets/archivo-variable-latin-30e425c7.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("/assets/barlow-condensed-600-latin-d15a3b32.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

/* Seven-segment digits for the download counter. DSEG by keshikan, SIL OFL. */
@font-face {
  font-family: "DSEG7";
  src: url("/assets/dseg7-classic-bold-80bc0751.woff2") format("woff2");
  font-weight: 700;
  font-display: block;
}

:root {
  --header: 72px;      /* the sticky header's height; base.css raises it on a phone */
  --bed: #151b21;      /* the honeycomb bed */
  --panel: #0d1115;    /* the machine's control panel */
  --sheet: #222c36;    /* dialogs and the sections below the fold: lighter than the bed */
  --sheet-edge: #52616f;
  --well: #141a20;     /* inputs inside a dialog */
  --rule: #28323b;
  --edge: #36424d;
  --ink: #f1ede4;
  --soft: #c3cbd3;
  --mute: #93a0ab;
  --beam: #ff5a2b;     /* the laser */
  --amber: #ffb53d;    /* the accent: headings, edges, whatever is being edited */
  --alarm: #ff7a6b;
  --birch: #e2c48f;    /* plywood */
  --birch-light: #efd9aa;
  --birch-dark: #c4a269;
  --char: #3d2614;     /* burnt edge */
  --gutter: clamp(18px, 3vw, 40px);
  color-scheme: dark;
}