/*
 * System UI tokens vendored from the owner-approved CRM v2 visual contract.
 * Canonical reference: CRM b4d31cfd300c2400c0d77d73e1576331e84bbac8.
 * Keep these names stable; business screens migrate to them in bounded stages.
 */
:root {
  color-scheme: light;
  --sys-color-canvas: #f4f3f1;
  --sys-color-surface: #ffffff;
  --sys-color-surface-soft: #f8f7f5;
  --sys-color-border: #e6e4e0;
  --sys-color-text: #202125;
  --sys-color-ink-2: #3c3d42;
  --sys-color-text-muted: #6b6b73;
  --sys-color-faint: #8a8a92;
  --sys-color-line-2: #d9d6d1;
  --sys-color-line-strong: #b9b5ae;
  --sys-color-soft-2: #f1efec;
  --sys-color-accent: #bf4a22;
  --sys-color-accent-hover: #a83f1b;
  --sys-color-accent-text: #b2441e;
  --sys-color-on-accent: #ffffff;
  --sys-color-accent-soft: #fbe9df;
  --sys-color-success: #287553;
  --sys-color-ok-soft: #e5f2eb;
  --sys-color-warning: #8a5b00;
  --sys-color-warn-soft: #fbf0d9;
  --sys-color-danger: #b83432;
  --sys-color-danger-soft: #fbe7e6;
  --sys-color-info: #3a659d;
  --sys-color-info-soft: #e7eef8;
  --sys-color-pill: #202125;
  --sys-color-on-pill: #ffffff;
  --sys-shadow-frame: 0 1px 2px rgba(24,20,16,.05);
  --sys-shadow-2: 0 1px 2px rgba(24,20,16,.05),0 4px 12px -6px rgba(24,20,16,.12);
  --sys-shadow-dialog: 0 24px 70px rgba(24,20,16,.18);
  --sys-scrim: rgba(50,45,40,.22);
  --sys-font-sans: ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sys-font-mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sys-radius-sm: 6px;
  --sys-radius-md: 8px;
  --sys-radius-lg: 12px;
  --sys-space-1: 4px;
  --sys-space-2: 8px;
  --sys-space-3: 12px;
  --sys-space-4: 16px;
  --sys-space-5: 20px;
  --sys-space-6: 24px;
  --sys-sidebar-width: 172px;
  --sys-topbar-height: 58px;
  --sys-control-height: 32px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --sys-color-canvas: #101113;
  --sys-color-surface: #1a1b1e;
  --sys-color-surface-soft: #202124;
  --sys-color-border: #2c2d31;
  --sys-color-text: #eeeef0;
  --sys-color-ink-2: #d2d2d6;
  --sys-color-text-muted: #a3a3ac;
  --sys-color-faint: #8a8a93;
  --sys-color-line-2: #36373c;
  --sys-color-line-strong: #55565c;
  --sys-color-soft-2: #25262a;
  --sys-color-accent: #f28a5f;
  --sys-color-accent-hover: #ff9a72;
  --sys-color-accent-text: #f59a75;
  --sys-color-on-accent: #1c120d;
  --sys-color-accent-soft: #3a2419;
  --sys-color-success: #71c7a0;
  --sys-color-ok-soft: #183027;
  --sys-color-warning: #e6b85c;
  --sys-color-warn-soft: #332917;
  --sys-color-danger: #f38983;
  --sys-color-danger-soft: #3a1e1d;
  --sys-color-info: #89b0e0;
  --sys-color-info-soft: #1c2738;
  --sys-color-pill: #eeeef0;
  --sys-color-on-pill: #101113;
  --sys-shadow-frame: 0 1px 2px rgba(0,0,0,.3);
  --sys-shadow-2: 0 1px 2px rgba(0,0,0,.3),0 6px 14px -8px rgba(0,0,0,.6);
  --sys-shadow-dialog: 0 24px 70px rgba(0,0,0,.6);
  --sys-scrim: rgba(0,0,0,.45);
}