/* Bizmitra Workspace design tokens — ported from the design-system handoff.
   Scoped to `.bz-root` (not `:root`) so the generic token names (--bg, --surface,
   --ink, --brand, …) never leak into or clash with the existing ERP stylesheets.
   Only markup inside a `.bz-root` wrapper sees these variables. */

.bz-root,
.bz-root[data-theme="light"] {
    --bg: #f5f6f8;
    --surface: #ffffff;
    --surface-sunken: #f0f2f5;
    --border: #e2e5ea;
    --border-strong: #c9ced6;
    --control-border: #838b97;
    --ink: #141a22;
    --ink-muted: #556070;
    --ink-subtle: #626c79;
    --brand: #1f56d0;
    --on-brand: #ffffff;
    --brand-soft: #e9effc;
    --focus: #1f56d0;
    --success: #12733f;
    --success-soft: #e7f4ec;
    --warning: #8f5400;
    --warning-soft: #fbf1df;
    --danger: #bb2a2a;
    --danger-soft: #fbeaea;
    --chart-muted: #c9d6f3;
    --shadow-pop: 0 4px 16px rgba(20, 26, 34, 0.12), 0 0 0 1px rgba(20, 26, 34, 0.06);
    --age-current: #12733f;
    --age-30: #e3b341;
    --age-60: #e08a2c;
    --age-90: #cf5a24;
    --age-90plus: #a61f1f;
}

.bz-root[data-theme="dark"] {
    --bg: #0e1013;
    --surface: #15181c;
    --surface-sunken: #1b1f24;
    --border: #262b32;
    --border-strong: #353c45;
    --control-border: #646c77;
    --ink: #e7eaee;
    --ink-muted: #a0a8b3;
    --ink-subtle: #8a939e;
    --brand: #7aa2f7;
    --on-brand: #0b1220;
    --brand-soft: #1a2540;
    --focus: #8fb0ff;
    --success: #5cc98e;
    --success-soft: #15291e;
    --warning: #e3a948;
    --warning-soft: #2d2312;
    --danger: #f27b7b;
    --danger-soft: #321a1a;
    --chart-muted: #2c3b5e;
    --shadow-pop: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
    --age-current: #5cc98e;
    --age-30: #8a6a1f;
    --age-60: #b8732a;
    --age-90: #e0763f;
    --age-90plus: #f27b7b;
}

.bz-root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --toolbar-h: 48px;
    --row-h: 32px;
    --rail-w: 56px;
    --rail-w-expanded: 208px;
    --dock-bottom-h: 52px;
    --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}