/* TONEFORM Audio: design tokens and fonts. Palette and type come from the Green Positiv plug-in window. */
@font-face {
  font-family: "DejaVu Sans Mono";
  src: url("../fonts/dejavu-sans-mono-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DejaVu Sans Mono";
  src: url("../fonts/dejavu-sans-mono-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Black";
  src: url("../fonts/archivo-black-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* paper and ink: the only two colours */
  --paper: #f7f5ef;
  --ink: #1c1b19;

  /* the pressures of the charcoal: the opacities the plug-in draws with */
  --ink-strong: rgba(28, 27, 25, 0.94); /* solid block, lettering */
  --ink-main: rgba(28, 27, 25, 0.86);   /* first pass of a stroke */
  --ink-soft: rgba(28, 27, 25, 0.72);   /* secondary labels, status text */
  --ink-edge: rgba(28, 27, 25, 0.55);   /* soft edge of lettering */
  --ink-second: rgba(28, 27, 25, 0.45); /* second, lighter pass of a stroke */
  --ink-off: rgba(28, 27, 25, 0.3);     /* a control that is switched off */
  --ink-smudge: rgba(28, 27, 25, 0.2);  /* smear beside blocks and lettering */

  --font-mono: "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --font-heavy: "Archivo Black", "Arial Black", Impact, sans-serif;

  /* the plug-in window's rhythm, in px */
  --margin: 24px;
  --gap: 8px;
  --stroke: 2.6px;
  --track-caption: 0.12em; /* letter-spacing of the small capital labels */
}