/* ============================================================================
   DESIGN TOKENS: the ONLY place with colors, fonts, spacing, radius and shadows.
   To restyle the whole system (manager, staff, courier, customer) change values here.
   No other CSS file, and no view, may contain a color value (bin/lint-design.php checks this).
   ============================================================================ */
:root{
  /* palette */
  --ink:#1F2430;--sub:#5B6270;--line:#E3E6EC;--border-strong:#CBD0D9;--grey:#8A8F98;--greybg:#F3F4F6;--page-bg:#EEF0F4;--white:#FFFFFF;
  --red:#D64545;--redbg:#FDECEC;--red-ink:#A82A2A;--red-line:#F0B4B4;
  --green:#1E9E6A;--greenbg:#E5F6EE;--green-ink:#146F4A;--green-line:#BFE8D3;
  --amber:#E8820C;--amberbg:#FDF0DE;--amber-ink:#9A5608;--amber-deep:#7A4306;
  --pink:#E8548C;--pinkbg:#FDEBF1;--pink-ink:#A3265A;
  --manager:#8A4FD6;--manager-bg:#F1E9FB;--manager-ink:#6B35B5;
  --customer:#2F6BD9;--customer-bg:#E8EFFC;--customer-ink:#1F4FA8;
  --need:#C96A00;--need-bg:#FFE3BF;--need-bg-soft:#FFF4E5;--need-ink:#7A3D00;--need-border:#E58A1F;
  --neutral-bg:#EDEFF3;--neutral-ink:#4A5160;
  --btn-disabled:#B7C3DC;--off-ink:#B4B8C0;--nav-ink:#8B919C;--track:#E6E9EF;
  /* role colors: the accent of the top bar, buttons, active tab */
  --accent:var(--pink);--accent-bg:var(--pinkbg);--accent-ink:var(--pink-ink);
  /* fonts */
  --font-body:'Inter','Noto Sans','Noto Sans Hebrew','Noto Sans Thai','Noto Color Emoji',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,Menlo,Consolas,monospace;
  --fs-base:15px;--fs-small:13px;--fs-tiny:11.5px;--fs-h1:22px;--fs-h3:15px;
  /* spacing, radius */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --radius:14px;--radius-sm:10px;--radius-pill:16px;
  /* shadows and overlays */
  --shadow-shell:0 0 30px rgba(31,36,48,.08);--shadow-dialog:0 12px 40px rgba(0,0,0,.3);--shadow-knob:0 1px 3px rgba(0,0,0,.25);
  --overlay:rgba(20,20,40,.55);--on-accent-soft:rgba(255,255,255,.22);
  /* maps: delivery zone colors (in list order), switched-off / other zones, picked place, map height */
  --zone-1:#E8548C;--zone-2:#2F6BD9;--zone-3:#1E9E6A;--zone-4:#E8820C;--zone-5:#8A4FD6;--zone-6:#D64545;--zone-7:#0E9AA7;--zone-8:#7A6A00;
  --zone-off:#8A8F98;--map-pin:#D64545;--map-h:260px;--map-h-tall:420px;
}
body.role-manager{--accent:var(--manager);--accent-bg:var(--manager-bg);--accent-ink:var(--manager-ink)}
body.role-staff{--accent:var(--green);--accent-bg:var(--greenbg);--accent-ink:var(--green-ink)}
body.role-courier{--accent:var(--amber);--accent-bg:var(--amberbg);--accent-ink:var(--amber-ink)}
body.role-customer{--accent:var(--customer);--accent-bg:var(--customer-bg);--accent-ink:var(--customer-ink)}