/* EHS AI — design tokens (light + dark via data-theme on html) */
:root,
[data-theme="light"] {
  color-scheme: light;
  --ehs-page-bg: #F0F0F2;
  --ehs-fg: #1D1D1F;
  --ehs-muted: #86868b;
  --ehs-meta: #64748b;
  --ehs-card-bg: #ffffff;
  --ehs-border: rgba(0, 0, 0, 0.08);
  --ehs-border2: rgba(0, 0, 0, 0.14);
  --ehs-soft: #fafafa;
  --ehs-soft2: #f8fafc;
  --ehs-accent: #0066FF;
  --ehs-accent-rgb: 0, 102, 255;
  --ehs-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
  --ehs-ok-bg: #ecfdf5;
  --ehs-ok-border: #86efac;
  --ehs-ok-fg: #15803d;
  --ehs-err-bg: #fef2f2;
  --ehs-err-border: #fca5a5;
  --ehs-err-fg: #b91c1c;
  --ehs-btn-fg: #ffffff;
  --ehs-bar-bg: rgba(240, 240, 242, 0.92);
  --ehs-id-bar: #1D1D1F;
  --ehs-id-bar-fg: #ffffff;
  --ehs-sep: rgba(0, 0, 0, 0.08);
  --ehs-row-border: #f0f0f2;
  --ehs-photo-bg: #f5f5f7;
  --ehs-photo-border: #e5e5ea;
  --ehs-scrollbar-size: 4px;
  --ehs-scrollbar-thumb: rgba(0, 0, 0, 0.16);
  --ehs-scrollbar-thumb-hover: rgba(0, 0, 0, 0.28);
  /* aliases for public forms */
  --bg: var(--ehs-page-bg);
  --fg: var(--ehs-fg);
  --muted: var(--ehs-muted);
  --card: var(--ehs-card-bg);
  --border: var(--ehs-border);
  --soft: var(--ehs-soft);
  --accent: var(--ehs-accent);
  --accent-rgb: var(--ehs-accent-rgb);
  --ok-bg: var(--ehs-ok-bg);
  --ok-border: var(--ehs-ok-border);
  --ok-fg: var(--ehs-ok-fg);
  --err-bg: var(--ehs-err-bg);
  --err-border: var(--ehs-err-border);
  --err-fg: var(--ehs-err-fg);
  --inv-bg: var(--ehs-page-bg);
  --inv-fg: var(--ehs-fg);
  --inv-muted: var(--ehs-muted);
  --inv-meta: var(--ehs-meta);
  --inv-card: var(--ehs-card-bg);
  --inv-border: var(--ehs-border);
  --inv-border2: var(--ehs-border2);
  --inv-soft: var(--ehs-soft2);
  --inv-soft2: var(--ehs-soft);
  --inv-accent: var(--ehs-accent);
  --inv-accent-rgb: var(--ehs-accent-rgb);
  --inv-shadow: var(--ehs-shadow);
  --inv-err: var(--ehs-err-fg);
  --inv-ok: var(--ehs-ok-fg);
  --inv-btn-fg: var(--ehs-btn-fg);
}

[data-theme="dark"] {
  color-scheme: dark;
  --ehs-page-bg: #141414;
  --ehs-panel-bg: #141414;
  --ehs-fg: #e8eaed;
  --ehs-muted: #9ca3af;
  --ehs-meta: #9ca3af;
  --ehs-card-bg: #181818;
  --ehs-elevated-bg: #1E1E1E;
  --ehs-border: #242424;
  --ehs-border2: #2E2E2E;
  --ehs-soft: #1E1E1E;
  --ehs-soft2: #1E1E1E;
  --ehs-accent: #2997FF;
  --ehs-accent-rgb: 41, 151, 255;
  --ehs-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
  --ehs-ok-bg: rgba(16, 185, 129, 0.12);
  --ehs-ok-border: rgba(16, 185, 129, 0.35);
  --ehs-ok-fg: #6ee7b7;
  --ehs-err-bg: rgba(239, 68, 68, 0.12);
  --ehs-err-border: rgba(239, 68, 68, 0.35);
  --ehs-err-fg: #fca5a5;
  --ehs-btn-fg: #ffffff;
  --ehs-bar-bg: rgba(20, 20, 20, 0.92);
  --ehs-id-bar: #181818;
  --ehs-id-bar-fg: #e8eaed;
  --ehs-sep: #2E2E2E;
  --ehs-row-border: #242424;
  --ehs-photo-bg: #1E1E1E;
  --ehs-photo-border: #2E2E2E;
  --ehs-scrollbar-thumb: rgba(255, 255, 255, 0.12);
  --ehs-scrollbar-thumb-hover: rgba(255, 255, 255, 0.22);
}