/* 9systems color tokens: three themes, each light and dark; what each token is for: DESIGN.md.
   <html data-theme="green|amber|mono" data-mode="light|dark">; without data-mode the
   system setting decides. */
:root,[data-theme="green"]{--l-bg:#F2EADB;--l-surface:#E9DFCA;--l-line:#D6C9AF;--l-fg:#14201A;--l-mid:#4F5F55;--l-dim:#85958A;--l-accent:#1F7A4D;--l-accent-text:#1B6B43;--l-logo-nine:#1F7A4D;--l-logo-ink:#14201A;--d-bg:#0F1411;--d-surface:#151C18;--d-line:#243029;--d-fg:#E6EEE7;--d-mid:#9FB0A5;--d-dim:#66756B;--d-accent:#7FCF8E;--d-accent-text:#8ED89C;--d-logo-nine:#7FCF8E;--d-logo-ink:#E6EEE7}
[data-theme="amber"]{--l-bg:#F2EADB;--l-surface:#E9DFCA;--l-line:#D6C9AF;--l-fg:#16181B;--l-mid:#555A62;--l-dim:#8B9099;--l-accent:#D08A10;--l-accent-text:#8A5A0E;--l-logo-nine:#B8780A;--l-logo-ink:#16181B;--d-bg:#131518;--d-surface:#1A1D22;--d-line:#282C32;--d-fg:#EFEDE7;--d-mid:#A2A7AE;--d-dim:#6C727A;--d-accent:#F7AE2A;--d-accent-text:#F7AE2A;--d-logo-nine:#F7AE2A;--d-logo-ink:#EFEDE7}
[data-theme="mono"]{--l-bg:#F2EADB;--l-surface:#E9DFCA;--l-line:#D6C9AF;--l-fg:#111111;--l-mid:#55554F;--l-dim:#8E8E88;--l-accent:#111111;--l-accent-text:#111111;--l-logo-nine:#111111;--l-logo-ink:#111111;--d-bg:#111111;--d-surface:#1A1A1A;--d-line:#2A2A2A;--d-fg:#F0F0EE;--d-mid:#A6A6A3;--d-dim:#6E6E6B;--d-accent:#F0F0EE;--d-accent-text:#F0F0EE;--d-logo-nine:#F0F0EE;--d-logo-ink:#F0F0EE}
:root{--bg:var(--l-bg);--surface:var(--l-surface);--line:var(--l-line);--fg:var(--l-fg);--mid:var(--l-mid);--dim:var(--l-dim);--accent:var(--l-accent);--accent-text:var(--l-accent-text);--logo-nine:var(--l-logo-nine);--logo-ink:var(--l-logo-ink);color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-mode="light"]){--bg:var(--d-bg);--surface:var(--d-surface);--line:var(--d-line);--fg:var(--d-fg);--mid:var(--d-mid);--dim:var(--d-dim);--accent:var(--d-accent);--accent-text:var(--d-accent-text);--logo-nine:var(--d-logo-nine);--logo-ink:var(--d-logo-ink);color-scheme:dark}}
:root[data-mode="dark"]{--bg:var(--d-bg);--surface:var(--d-surface);--line:var(--d-line);--fg:var(--d-fg);--mid:var(--d-mid);--dim:var(--d-dim);--accent:var(--d-accent);--accent-text:var(--d-accent-text);--logo-nine:var(--d-logo-nine);--logo-ink:var(--d-logo-ink);color-scheme:dark}