/* Design tokens for the AutoRef windows.

A darkroom palette: charcoal panels, warm film-base ink, and one accent
carrying the product's identity. Every other colour is SEMANTIC and must
not be used for chrome -- amber means "look at this", red means "this
failed", green means "this is good". Keeping those meanings intact is the
reason the accent is its own token rather than one of them.

`--accent` is the only token a host page is expected to override, per
product or per mode. It is kept as both a hex value and raw rgb channels
because the soft translucent fills (active buttons, selected rows) are the
same colour at low alpha, and CSS cannot take a channel out of a hex.
*/
:root{
  --bg:#101314; --panel:#181d1f; --panel2:#1f2528; --line:#2c3538;
  --ink:#d6d3c8; --dim:#7d8a8c;

  /* semantic; never chrome */
  --amber:#e0a83c; --red:#c9503e; --green:#7fae6a; --cyan:#5aa7a7;

  /* chrome; override this and nothing else */
  --accent:#e0a83c; --accent-rgb:224,168,60; --accent-ink:#181300;

  --mono:"Consolas","Cascadia Mono",ui-monospace,monospace;
  --sans:"Segoe UI",system-ui,sans-serif;
}