/* OE Labs design tokens v1 (WS0). The ONLY place colours, fonts, radii and shadows are defined.
   v1 follows the Karnek layout language (survey doc 3166 s5); the OE Labs rebrand = change this file.
   White-label orgs override --brand* at runtime (app/ui.py injects org.brand.colours as a <style> after this file). */
:root{
  --brand:#7c3aed; --brand-strong:#6630c2; --brand-bright:#c4a6f7; --brand-tint:#f2ebfd;
  --on-brand:#ffffff; /* WS7: text/icons on --brand or --brand-grad */
  --accent:#9d4edd; --accent-tint:color-mix(in srgb,var(--accent) 10%,transparent);
  --brand-grad:linear-gradient(96deg,var(--brand) 0%,color-mix(in srgb,var(--brand) 40%,var(--accent)) 55%,var(--accent) 100%);
  --bg:#f4f5f8; --surface:#ffffff; --surface-2:#e9ebf2; --surface-inset:#ebedf3;
  --border:#e2e4ec; --border-strong:#cdd1db;
  --ink:#0a0e14; --ink-2:#384250; --muted:#667085; --faint:#98a2b3;
  --pos:#12b76a; --neg:#e5484d;
  --st-ok:#12b76a; --st-ok-bg:#e3f7ec; --st-warn:#d18e0b; --st-warn-bg:#fbf0da;
  --st-alert:#e5484d; --st-alert-bg:#fdeaea; --st-neutral:#64748b; --st-neutral-bg:#eef1f6;
  --t-live:#12b76a; --t-live-bg:#e3f7ec; --t-demo:#2563eb; --t-demo-bg:#e8f0fe; --t-prop:#ea580c; --t-prop-bg:#fdebdd;
  --chart-1:#7c3aed; --chart-2:#12b76a; --chart-3:#2563eb; --chart-4:#ea580c; --chart-5:#e0459e; --chart-6:#0ea5a4; --chart-7:#d18e0b; --chart-8:#64748b;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --title:"Poppins","Inter",system-ui,sans-serif;
  --nums:"Inter",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r-sm:7px; --r:11px; --r-lg:16px; --sp:8px;
  --side-w:244px;
  --shadow-sm:0 1px 2px rgba(16,33,56,.06),0 1px 3px rgba(16,33,56,.04);
  --shadow:0 2px 8px rgba(16,33,56,.06),0 8px 24px rgba(16,33,56,.05);
  --shadow-lg:0 12px 40px rgba(16,33,56,.12);
  --ease-back:cubic-bezier(.34,1.45,.64,1);
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#0a0e14; --surface:#141b26; --surface-2:#10161f; --surface-inset:#1b2431;
  --border:#242f3e; --border-strong:#33415a;
  --ink:#eef2f7; --ink-2:#c7d0dc; --muted:#8b97a8; --faint:#5c6879;
  --pos:#2ce592; --neg:#ff6b6b;
  --brand-tint:color-mix(in srgb,var(--brand) 22%,transparent);
  --st-ok-bg:#0e2a1e; --st-warn:#f0b429; --st-warn-bg:#2a2210; --st-alert-bg:#2c1618; --st-neutral-bg:#1b2431;
  --t-live-bg:#0e2a1e; --t-demo:#60a5fa; --t-demo-bg:#14243d; --t-prop:#fb923c; --t-prop-bg:#3a2113;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow:0 2px 10px rgba(0,0,0,.45); --shadow-lg:0 12px 40px rgba(0,0,0,.6);
  color-scheme:dark;
}

/* ---- WS11 back office tokens: the staff area is visibly different (teal brand, dark sidebar, warning stripe). ---- */
:root{
  --bo-brand:#0e8f8e; --bo-brand-strong:#0a6f6e; --bo-brand-bright:#5fd4d2; --bo-brand-tint:#e2f5f4;
  --bo-side:#0f1b24; --bo-side-ink:#d5e2ea; --bo-side-muted:#7f93a3; --bo-side-hover:#1a2a36; --bo-side-on:#163a40;
  --bo-stripe:#d18e0b; --bo-stripe-ink:#1b1300;
}
html[data-theme="dark"]{
  --bo-brand-tint:color-mix(in srgb,var(--bo-brand) 22%,transparent);
  --bo-side:#081118; --bo-side-hover:#122029; --bo-side-on:#12343a;
}
/* ---- end WS11 tokens ---- */