/* Safetyman ERP — Design tokens (light + dark · Safetyman red accent) */
:root {
  --erp-accent: var(--brand-600);
  --erp-accent-hover: var(--brand-700);
  --erp-accent-soft: var(--brand-50);
  --erp-accent-glow: rgba(200, 20, 20, .14);

  --erp-bg: var(--canvas);
  --erp-surface: #ffffff;
  --erp-surface-2: var(--inset);
  --erp-border: var(--line);
  --erp-border-subtle: var(--divider);

  --erp-text: var(--ink);
  --erp-text-secondary: var(--text2);
  --erp-text-muted: var(--text3);

  --erp-radius-sm: 8px;
  --erp-radius: 12px;
  --erp-radius-lg: 16px;
  --erp-radius-xl: 20px;

  --erp-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 28px rgba(15, 23, 42, .06);
  --erp-shadow-lg: 0 12px 40px rgba(15, 23, 42, .08);
  --erp-hover: rgba(15, 23, 42, .04);
  --erp-track: var(--inset);

  --erp-gauge-track: #e2e8f0;
  --erp-gauge-a: #fca5a5;
  --erp-gauge-b: var(--brand-600);

  --erp-green: #22c55e;
  --erp-orange: #f97316;
  --erp-blue: #3b82f6;
  --erp-red: #ef4444;

  --erp-scrollbar-size: 8px;
  --erp-scrollbar-track: transparent;
  --erp-scrollbar-thumb: rgba(100, 116, 139, 0.35);
  --erp-scrollbar-thumb-hover: rgba(71, 85, 105, 0.55);
}

html[data-theme="dark"] {
  --erp-accent: #e53935;
  --erp-accent-hover: #ff6b6b;
  --erp-accent-soft: rgba(229, 57, 53, .12);
  --erp-accent-glow: rgba(229, 57, 53, .28);

  --erp-bg: #09090b;
  --erp-surface: #16161a;
  --erp-surface-2: #111114;
  --erp-border: rgba(255, 255, 255, .07);
  --erp-border-subtle: rgba(255, 255, 255, .04);

  --erp-text: #fafafa;
  --erp-text-secondary: #a1a1aa;
  --erp-text-muted: #71717a;

  --erp-shadow: 0 0 0 1px rgba(0, 0, 0, .25), 0 12px 40px rgba(0, 0, 0, .35);
  --erp-shadow-lg: 0 16px 48px rgba(0, 0, 0, .45);
  --erp-hover: rgba(255, 255, 255, .04);
  --erp-track: rgba(255, 255, 255, .06);

  --erp-gauge-track: rgba(255, 255, 255, .08);
  --erp-gauge-a: #ff6b6b;
  --erp-gauge-b: #e53935;

  --erp-scrollbar-track: rgba(255, 255, 255, 0.03);
  --erp-scrollbar-thumb: rgba(255, 255, 255, 0.14);
  --erp-scrollbar-thumb-hover: rgba(255, 255, 255, 0.26);
}
