/* Every colour, face and metric the site uses, defined once.
   Loaded by every page ahead of its component sheet. */

:root {
  /* The terminal theme used by the home and portal consoles, shared with every
     other page on the site. Dark only: the surface is a near-black with a green
     cast, and phosphor green carries the accents. */
  color-scheme: dark;

  /* Two colours carry most of the surface work and are needed at a dozen
     different alphas, so they are kept as bare RGB triplets for rgb(... / a).
     --ink-rgb is the text colour, so every hairline and wash derives from it. */
  --ink-rgb: 216 245 230;
  --accent-rgb: 94 240 163;
  --amber-rgb: 255 200 87;
  --blue-rgb: 97 165 255;

  --bg: #080b0a;
  --glow-a: rgb(94 240 163 / 0.12);
  --panel: #0a0f0d;
  --panel-strong: #0a0f0d;
  --panel-soft: rgb(10 15 13 / 0.72);
  --header-bg: rgb(8 11 10 / 0.86);
  --foot-bg: rgb(8 11 10 / 0.5);
  --code-bg: rgb(4 7 6 / 0.8);
  --code-ink: #cdeede;
  --on-accent: #06120b;
  /* Read by script.js through getComputedStyle to paint the node field. */
  --field-node: rgb(246 241 232 / 0.58);
  --field-opacity: 0.72;

  --text: #d8f5e6;
  --muted: #9fc4b1;
  --faint: #6f8a7d;
  --ghost: #4f6b5f;
  --line: rgb(94 240 163 / 0.2);
  --dash: rgb(94 240 163 / 0.18);
  --green: #5ef0a3;
  --amber: #ffc857;
  --blue: #61a5ff;
  --red: #ff6b6b;
  --max: 1000px;
  --pad: 18px;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

@media (min-width: 640px) {
  :root {
    --pad: 28px;
  }
}