/* The tone, taken from the entry gate: the 16-colour DOS/VGA palette on black, VT323 (a terminal face) for headings,
   navigation and keys, the system's monospace for reading and writing. Web Awesome's scales and tokens are mapped onto
   it (unlayered, so they win over its defaults): flat, square, no shadows, no motion. */
@font-face { font-family: "VT323"; src: url("vendor/vt323/vt323-latin-400-normal.woff2") format("woff2"); font-display: swap; }
:root {
  --k: #000000;   /* black: the screen */
  --dg: #555555;  /* dark gray: quiet lines, disabled */
  --g: #AAAAAA;   /* gray: text */
  --w: #FFFFFF;   /* white: titles, what matters */
  --c: #55FFFF;   /* bright cyan: links, keys, the current place */
  --cd: #00AAAA;  /* dark cyan: rules and frames, secondary text */
  --b: #0000AA;   /* blue: selection, the way out */
  --y: #FFFF55;   /* yellow: warning */
  --r: #FF5555;   /* light red: danger */
  --gr: #55FF55;  /* light green: checked */
  --term: "VT323", ui-monospace, monospace;
  --mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
  /* the names app.css used before the palette: kept as aliases */
  --bg: var(--k); --bg0: var(--k); --pn: var(--k); --pn2: #002A2A; --line: var(--cd); --dim: var(--cd); --txt: var(--g); --hi: var(--w); --ac: var(--c);

  --wa-font-family-body: var(--mono); --wa-font-family-longform: var(--mono); --wa-font-family-code: var(--mono);
  --wa-font-family-heading: var(--term);
  --wa-font-size-scale: .94;
  --wa-border-radius-scale: 0; --wa-border-radius-pill: 0; --wa-border-radius-circle: 0;
  --wa-shadow-s: none; --wa-shadow-m: none; --wa-shadow-l: none;
  --wa-transition-fast: 0s; --wa-transition-normal: 0s; --wa-transition-slow: 0s;
  --wa-focus-ring: solid 1px var(--c); --wa-focus-ring-offset: 1px;

  --wa-color-surface-default: var(--k); --wa-color-surface-raised: var(--k); --wa-color-surface-lowered: var(--k);
  --wa-color-surface-border: var(--cd);
  --wa-color-text-normal: var(--g); --wa-color-text-quiet: var(--cd); --wa-color-text-link: var(--c);
  --wa-color-focus: var(--c); --wa-color-overlay-modal: rgb(0 0 0 / .85);
  --wa-color-brand-fill-loud: var(--c); --wa-color-brand-on-loud: var(--k);
  --wa-color-brand-fill-normal: #003F3F; --wa-color-brand-on-normal: var(--c);
  --wa-color-brand-fill-quiet: var(--k); --wa-color-brand-on-quiet: var(--c);
  --wa-color-brand-border-loud: var(--c); --wa-color-brand-border-normal: var(--cd); --wa-color-brand-border-quiet: var(--cd);
  --wa-color-neutral-fill-loud: var(--g); --wa-color-neutral-on-loud: var(--k);
  --wa-color-neutral-fill-normal: var(--k); --wa-color-neutral-on-normal: var(--g);
  --wa-color-neutral-fill-quiet: var(--k); --wa-color-neutral-on-quiet: var(--g);
  --wa-color-neutral-border-loud: var(--g); --wa-color-neutral-border-normal: var(--cd); --wa-color-neutral-border-quiet: var(--dg);
  --wa-color-danger-fill-loud: var(--r); --wa-color-danger-on-loud: var(--k);
  --wa-color-danger-fill-quiet: var(--k); --wa-color-danger-on-quiet: var(--r); --wa-color-danger-border-quiet: var(--r);
  --wa-color-warning-fill-quiet: var(--k); --wa-color-warning-on-quiet: var(--y); --wa-color-warning-border-quiet: var(--y);
  --wa-color-success-fill-quiet: var(--k); --wa-color-success-on-quiet: var(--gr); --wa-color-success-border-quiet: var(--gr);

  --wa-form-control-background-color: var(--k); --wa-form-control-border-color: var(--cd); --wa-form-control-border-radius: 0;
  --wa-form-control-value-color: var(--w); --wa-form-control-label-color: var(--w); --wa-form-control-hint-color: var(--cd);
  --wa-form-control-placeholder-color: var(--dg); --wa-form-control-activated-color: var(--c);
  --wa-form-control-required-content-color: var(--c); --wa-panel-border-radius: 0;
}
::selection { background: var(--b); color: var(--w); }
html { caret-color: var(--c); }
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
