/**
 * The 143 — visual tokens for the public look site.
 *
 * Values only. Anything that composes them into a button, a card, or a stamp
 * lives in `styles.css` with the surface that draws it.
 *
 * There is no `--mark-ground` here. The mark on this site is type — Archivo
 * Black, lowercase, "the 143" — so nothing needs the cream ground the old PNG
 * carried with it.
 */
:root {
  --white: #ffffff;
  --ink: #111111;
  --gray: #5c5c5c;
  --line: #e4e4e4;

  /* The spectrum, in order. --record doubles as the recording light and the
     primary call to action; they are the same red on purpose. */
  --record: #e0362c;
  --orange: #f47c20;
  --amber: #f2a005;
  --green: #2e9e48;
  --blue: #1d6fd6;

  --tape: rgba(240, 220, 150, 0.6);

  --spectrum: linear-gradient(
    to right,
    var(--record) 0 20%,
    var(--orange) 20% 40%,
    var(--amber) 40% 60%,
    var(--green) 60% 80%,
    var(--blue) 80% 100%
  );

  --font-body: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Archivo Black", "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-hand: "Caveat", ui-rounded, cursive;
}
