/* theme-dark.css — the dark register of the owner desk and the operator console.
   Hand-written on purpose: theme.css is generated from DESIGN.md and is never edited by hand, so this file only
   gives the same --color-* names their dark values. The values and their contrast are recorded in DESIGN.md,
   Colors, "Dark register"; they start from the site's dark band (dark, dark-2, dark-line, dark-soft,
   primary-on-dark). Unlisted names (the dark band's own five) keep their theme.css values in both registers.
   Three steps of dark: the page is ground (#10131A, the dark band); the desk's panels —
   side bar, cards, sheets, bars and controls — lift one step to dark-2 (#1A1E27) through the desk's own panel
   name --ground (owner-desk.html :root; in light it is --color-ground, so light is unchanged); the wash that sits
   inside a panel (a draft's text, a customer's bubble, the console's top bar) is one step more, #242936.
   It applies when the owner picks Dark (html[data-theme="dark"], set before first paint by
   /owner-desk/settings.js), or keeps System, the default, on a device set to dark. The two blocks below are the
   same list twice, because one rule cannot sit both inside and outside the media query. */
html[data-theme="dark"]{
 color-scheme:dark;
 --color-ground:#10131a;
 --color-surface:#242936;
 --color-ink:#e8ebf0;
 --color-ink-soft:#b8c4bf;
 --color-ink-faint:#8b93a1;
 --color-line:#2a2f3a;
 --color-line-strong:#61697b;
 --color-primary:#8faaf5;
 --color-primary-soft:#142664;
 --color-primary-ink:#a9bdf8;
 --color-on-primary:#10131a;
 --color-warn:#e9b35a;
 --color-warn-soft:#2b2110;
 --color-danger:#f2958b;
 --color-danger-soft:#2e1716;
 /* the desk's panel step (light: --color-ground, white panels on the white page) */
 --ground:var(--color-dark-2);
 /* the desk's one lift (DESIGN.md shadow.lift, literal in both registers): ink-tinted at 6-8 % is invisible on dark */
 --shadow-lift:0 1px 3px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);
}
@media (prefers-color-scheme:dark){
 html:not([data-theme="light"]){
  color-scheme:dark;
  --color-ground:#10131a;
  --color-surface:#242936;
  --color-ink:#e8ebf0;
  --color-ink-soft:#b8c4bf;
  --color-ink-faint:#8b93a1;
  --color-line:#2a2f3a;
  --color-line-strong:#61697b;
  --color-primary:#8faaf5;
  --color-primary-soft:#142664;
  --color-primary-ink:#a9bdf8;
  --color-on-primary:#10131a;
  --color-warn:#e9b35a;
  --color-warn-soft:#2b2110;
  --color-danger:#f2958b;
  --color-danger-soft:#2e1716;
  --ground:var(--color-dark-2);
  --shadow-lift:0 1px 3px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);
 }
}