/* Design tokens: one palette for every page (Nate, 2026-10-05: color must not shift between pages). Google Cloud
   console clarity, as the Grid canvas set it: white surfaces, one blue accent, Material status colors, a real dark
   mode (#202124, #8AB4F8). Light on :root, dark under prefers-color-scheme (unless data-theme="light") and under
   data-theme="dark". The canvas's --gv-* tokens (css/grid-view.css) read these. Change here, not in app.css. */
:root{
  --bg:#FFFFFF;
  --surface:#FFFFFF;
  --panel:#F8F9FA;
  --line:#DADCE0;
  --line-2:#E8EAED;
  --hover:#F1F3F4;
  --ink:#202124;
  --ink-2:#3C4043;
  --ink-3:#5F6368;
  --brand:#1A73E8;
  --brand-d:#1967D2;
  --brand-wash:#E8F0FE;
  --brand-wash2:#D2E3FC;
  --brand-bd:#AECBFA;
  --btn-bd:#DADCE0;
  --conn:#BDC1C6;
  --ok:#137333;  --ok-line:#1E8E3E; --ok-bg:#E6F4EA;
  --warn:#B06000; --warn-line:#F9AB00; --warn-bg:#FEF7E0; --warn-bd:#FDD663;
  --err:#C5221F; --err-line:#D93025; --err-bg:#FCE8E6;
  --idle:#5F6368; --idle-line:#BDC1C6;
  --g-ok:#1E8E3E; --g-watch:#F9AB00; --g-fail:#D93025; --g-idle:#BDC1C6; --bus:#202124;
  --wash1:#E8F0FE; --wash2:#F8F9FA;
  --scrim:rgba(32,33,36,.4);
  --primary:#1A73E8; --primary-d:#1967D2; --on-primary:#FFFFFF; --toast:#202124; --av-bg:#E8F0FE; --av-ink:#1967D2;
  /* white in both themes, on purpose: the plate under a customer or vendor mark drawn for a white page, and toast text */
  --plate:#FFFFFF;
  --mark-dark:#14161A;
  --mark-ink:#4B5563;
  --shadow-pop:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);
  /* the in-app notification panel, badge, and toast */
  --shadow-panel:-1px 0 3px rgba(60,64,67,.12),-12px 0 32px rgba(60,64,67,.18);
  --unread-bg:#F5F9FF; --dot:#1A73E8; --badge-bg:#D93025; --badge-ink:#FFFFFF;
  --toast-ink:#FFFFFF; --toast-ink-2:#BDC1C6; --toast-act:#A9C2FF; --toast-line:rgba(255,255,255,.14);
  /* the toast is dark in both themes, so its status tints are the dark theme's */
  --toast-warn:#FDD663; --toast-err:#F28B82; --toast-ok:#81C995; --toast-brand:#8AB4F8;
  color-scheme:light;
  --yellow:#F5C518;
  --radius:8px;
  --font:"Google Sans Flex","Google Sans",Roboto,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --wordmark:"Space Grotesk",var(--font);
  --side:240px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#202124;
  --surface:#292A2D;
  --panel:#2D2E31;
  --line:#3C4043;
  --line-2:#323336;
  --hover:#35363A;
  --ink:#E8EAED;
  --ink-2:#BDC1C6;
  --ink-3:#9AA0A6;
  --brand:#8AB4F8;
  --brand-d:#8AB4F8;
  --brand-wash:rgba(138,180,248,.16);
  --brand-wash2:rgba(138,180,248,.24);
  --brand-bd:#4B6A9B;
  --btn-bd:#5F6368;
  --conn:#5F6368;
  --ok:#81C995;  --ok-line:#81C995; --ok-bg:rgba(129,201,149,.16);
  --warn:#FDD663; --warn-line:#FDD663; --warn-bg:rgba(253,214,99,.14); --warn-bd:#7A6420;
  --err:#F28B82; --err-line:#F28B82; --err-bg:rgba(242,139,130,.16);
  --idle:#9AA0A6; --idle-line:#5F6368;
  --g-ok:#81C995; --g-watch:#FDD663; --g-fail:#F28B82; --g-idle:#5F6368; --bus:#BDC1C6;
  --wash1:rgba(138,180,248,.12); --wash2:#202124;
  --scrim:rgba(0,0,0,.6);
  --primary:#8AB4F8; --primary-d:#AECBFA; --on-primary:#202124; --toast:#3C4043; --av-bg:rgba(138,180,248,.24); --av-ink:#D2E3FC;
  --shadow-pop:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.3);
  --shadow-panel:-1px 0 3px rgba(0,0,0,.5),-12px 0 32px rgba(0,0,0,.5);
  --unread-bg:rgba(138,180,248,.07); --dot:#8AB4F8; --badge-bg:#F28B82; --badge-ink:#202124;
  --toast-ink:#FFFFFF; --toast-ink-2:#BDC1C6; --toast-act:#A9C2FF; --toast-line:rgba(255,255,255,.14);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#202124;
  --surface:#292A2D;
  --panel:#2D2E31;
  --line:#3C4043;
  --line-2:#323336;
  --hover:#35363A;
  --ink:#E8EAED;
  --ink-2:#BDC1C6;
  --ink-3:#9AA0A6;
  --brand:#8AB4F8;
  --brand-d:#8AB4F8;
  --brand-wash:rgba(138,180,248,.16);
  --brand-wash2:rgba(138,180,248,.24);
  --brand-bd:#4B6A9B;
  --btn-bd:#5F6368;
  --conn:#5F6368;
  --ok:#81C995;  --ok-line:#81C995; --ok-bg:rgba(129,201,149,.16);
  --warn:#FDD663; --warn-line:#FDD663; --warn-bg:rgba(253,214,99,.14); --warn-bd:#7A6420;
  --err:#F28B82; --err-line:#F28B82; --err-bg:rgba(242,139,130,.16);
  --idle:#9AA0A6; --idle-line:#5F6368;
  --g-ok:#81C995; --g-watch:#FDD663; --g-fail:#F28B82; --g-idle:#5F6368; --bus:#BDC1C6;
  --wash1:rgba(138,180,248,.12); --wash2:#202124;
  --scrim:rgba(0,0,0,.6);
  --primary:#8AB4F8; --primary-d:#AECBFA; --on-primary:#202124; --toast:#3C4043; --av-bg:rgba(138,180,248,.24); --av-ink:#D2E3FC;
  --shadow-pop:0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.3);
  --shadow-panel:-1px 0 3px rgba(0,0,0,.5),-12px 0 32px rgba(0,0,0,.5);
  --unread-bg:rgba(138,180,248,.07); --dot:#8AB4F8; --badge-bg:#F28B82; --badge-ink:#202124;
  --toast-ink:#FFFFFF; --toast-ink-2:#BDC1C6; --toast-act:#A9C2FF; --toast-line:rgba(255,255,255,.14);
  color-scheme:dark;
}