/* Shared world: The Exchange (shapes) × Transit (colour). Used by the deck and /live/. */
@font-face {
  font-family: "League Gothic";
  src: url("../fonts/league-gothic.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("../fonts/atkinson-hyperlegible-next.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* ground and ink */
  --ground: #f3f3ef;      /* porcelain enamel */
  --ground-2: #e6e7e1;
  --paper: #fbfbf8;       /* designation strips, config sheets */
  --navy: #14213d;        /* panels and ink */
  --navy-2: #22315a;
  --navy-3: #3a4a74;
  --ink: #14213d;
  --ink-soft: #46516d;
  --ink-faint: #555f7c;
  --rule: #c7cbd4;
  --link: #b9bec9;        /* idle connector */

  /* the three backend lines */
  --b1: #2a5bd7;
  --b2: #d62828;
  --b3: #2a9d5c;
  --b1-soft: #dfe7fa;
  --b2-soft: #f8dfdf;
  --b3-soft: #dcf0e4;

  /* signals */
  --amber: #f2a900;       /* the active request / current step */
  --amber-soft: #fdf0cc;
  --amber-glow: rgba(242, 169, 0, 0.55);
  --lamp-off: #4c5877;
  --down: #8b93a6;        /* suspended: always paired with hatching or a struck rule */

  --display: "League Gothic", "Arial Narrow", sans-serif;
  --text: "Atkinson Hyperlegible Next", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

::selection { background: var(--amber); color: var(--navy); }

/* Suspended pattern: grey hatching, readable without colour */
.hatch-bg {
  background-image: repeating-linear-gradient(135deg, var(--down) 0 3px, transparent 3px 9px);
}