/* Safetyman Inspect — design tokens (SaaS · neon glass · dark default) */

:root {
  --brand-50: #fff1f1;
  --brand-100: #ffe0e0;
  --brand-600: #C81414;
  --brand-700: #b01010;
  --brand-800: #8f0c0c;
  --neon-purple: #a855f7;
  --neon-purple-deep: #7c3aed;
  --neon-cyan: #22d3ee;
  --neon-cyan-deep: #06b6d4;
  --insp-pass: #22c55e;
  --insp-repair: #f97316;
  --insp-fail: #e53935;

  --ink: #0f172a;
  --muted: #94a3b8;
  --line: rgba(15, 23, 42, .09);
  --canvas: #eef1f8;
  --background: #f6f8fc;
  --card: rgba(255, 255, 255, .92);
  --border: rgba(15, 23, 42, .09);
  --text: #0f172a;
  --text2: #475569;
  --text3: #94a3b8;
  --inset: rgba(241, 245, 249, .85);
  --hover: rgba(15, 23, 42, .04);
  --header-bg: rgba(246, 248, 252, .78);
  --surface-glass: rgba(255, 255, 255, .92);
  --surface-glass-2: rgba(241, 245, 249, .75);
  --page-glow-purple: rgba(168, 85, 247, .1);
  --page-glow-cyan: rgba(34, 211, 238, .08);
  --page-glow-red: rgba(200, 20, 20, .08);

  --red: var(--brand-600);
  --red-dark: var(--brand-800);
  --red-light: var(--brand-50);
  --green: #16a34a;
  --green-bg: #dcfce7;
  --orange: #ea580c;
  --orange-bg: #fff7ed;
  --blue: #2563eb;
  --blue-bg: #dbeafe;
  --bg: var(--canvas);
  --surface: var(--card);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow-md: 0 8px 28px rgba(15, 23, 42, .08);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, .1);
  --shadow-glow-red: 0 6px 18px rgba(229, 57, 53, .28);
  --shadow-glow-cyan: 0 6px 18px rgba(34, 211, 238, .22);

  --insp-sidebar-w: 15.75rem;
  --insp-gutter-x: 16px;
  --insp-gutter-y: 16px;
  --insp-content-max: 1280px;
  --insp-form-max: 720px;
  --insp-radius: 16px;
  --insp-radius-sm: 10px;
}

html[data-theme="dark"] {
  --brand-50: rgba(229, 57, 53, .12);
  --ink: #eef1f8;
  --muted: #5f6a82;
  --line: rgba(255, 255, 255, .08);
  --canvas: #0a0e18;
  --background: #0e1424;
  --card: rgba(22, 28, 44, .74);
  --border: rgba(255, 255, 255, .08);
  --text: #eef1f8;
  --text2: #9aa3b8;
  --text3: #5f6a82;
  --inset: rgba(30, 38, 58, .5);
  --hover: rgba(255, 255, 255, .05);
  --header-bg: rgba(14, 20, 36, .82);
  --surface-glass: rgba(22, 28, 44, .74);
  --surface-glass-2: rgba(30, 38, 58, .5);
  --page-glow-purple: rgba(168, 85, 247, .16);
  --page-glow-cyan: rgba(34, 211, 238, .12);
  --page-glow-red: rgba(229, 57, 53, .14);
  --red-light: rgba(229, 57, 53, .12);
  --green-bg: rgba(34, 197, 94, .12);
  --orange-bg: rgba(249, 115, 22, .12);
  --blue-bg: rgba(59, 130, 246, .12);
  --bg: var(--background);
  --surface: var(--card);
  --shadow-sm: 0 0 0 1px rgba(0, 0, 0, .2);
  --shadow-md: 0 12px 40px rgba(0, 0, 0, .35);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, .45);
  --shadow-glow-red: 0 6px 22px rgba(229, 57, 53, .45);
  --shadow-glow-cyan: 0 6px 22px rgba(34, 211, 238, .25);
}