/* GENERATED FROM design_tokens.yaml — DO NOT EDIT.
   Run `python scripts/generate_design_css.py` to regenerate.
   Drift enforced by tests/test_design_tokens_drift.py.

   Canonical authority for dashboard tokens. Loaded via static
   <link rel="stylesheet" href="_design_tokens.css?cbv=..."> in each
   dashboard's <head> BEFORE the inline <style> block. Inline :root
   blocks survive only on intentional override pages:
     - vendor_profile.html (brand differentiation, both themes)
     - portfolio.html (--shadow layered, portfolio-only) */

:root[data-theme="dark"] {
    --bg: #08090a;
    --sidebar: #0f1011;
    --surface: #121314;
    --surface-2: #0f1011;
    --hover: #1a1b1e;
    --border: #1f2023;
    --border-strong: #2a2b2e;
    --text: #f7f8f8;
    --text-secondary: #9ea3ab;
    --text-muted: #80858d;
    --accent: #7170ff;
    --accent-soft: rgba(113,112,255,0.14);
    --on-accent: #ffffff;
    --accent-btn: #6462e6;
    --accent-btn-on: #ffffff;
    --green: #4cb782;
    --green-soft: rgba(76,183,130,0.12);
    --amber: #f2c94c;
    --amber-soft: rgba(242,201,76,0.12);
    --red: #eb5757;
    --red-soft: rgba(235,87,87,0.12);
    --purple: #a78bfa;
    --purple-soft: rgba(167,139,250,0.12);
    --teal: #14b8a6;
    --teal-soft: rgba(20,184,166,0.10);
    --orange: #fb923c;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-modal: 0 12px 40px rgba(0,0,0,0.35);
    --scrim: rgba(0,0,0,.42);
    --logo-tile: #f4f4f5;
    --red-text: #f87171;
    --chart-grid: #1f2023;
    --blue: #60a5fa;
}

:root[data-theme="light"] {
    --bg: #fafafa;
    --sidebar: #ffffff;
    --surface: #ffffff;
    --surface-2: #f4f4f5;
    --hover: #f4f4f5;
    --border: #e5e7eb;
    --border-strong: #d4d4d8;
    --text: #0a0a0a;
    --text-secondary: #525252;
    --text-muted: #6b6b6b;
    --accent: #5e6ad2;
    --accent-soft: rgba(94,106,210,0.12);
    --on-accent: #ffffff;
    --accent-btn: #5e6ad2;
    --accent-btn-on: #ffffff;
    --green: #10b981;
    --green-soft: rgba(16,185,129,0.12);
    --amber: #f59e0b;
    --amber-soft: rgba(245,158,11,0.12);
    --red: #ef4444;
    --red-soft: rgba(239,68,68,0.12);
    --purple: #8b5cf6;
    --purple-soft: rgba(139,92,246,0.12);
    --teal: #0d9488;
    --teal-soft: rgba(13,148,136,0.08);
    --orange: #ea580c;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-modal: 0 12px 40px rgba(0,0,0,0.15);
    --scrim: rgba(24, 24, 27, .45);
    --logo-tile: #ffffff;
    --red-text: #b42318;
    --chart-grid: #eef0f2;
    --blue: #60a5fa;
}