/* ============================================
   SRT Brand System — Dark-first, teal primary
   RapidTriageME v3 — #00C4D4 electric teal
   ============================================ */

/* Force dark theme on html — RTM is dark-only until light mode ships */
html {
  color-scheme: dark;
}

:root, [data-theme="dark"], [data-theme="system"], html, body {
  --srt-primary: #00C4D4;
  --srt-primary-hover: #00e5f7;
  --srt-primary-light: rgba(0, 196, 212, 0.15);
  --srt-accent: #10B981;
  --srt-accent-hover: #34D399;
  --srt-accent-light: #D1FAE5;
  --srt-bg: #0F172A;
  --srt-bg-dark: #080f1e;
  --srt-bg-card: #1E293B;
  --srt-bg-elevated: #273548;
  --srt-bg-input: #1a2540;
  --srt-text: #E2E8F0;
  --srt-text-muted: #94A3B8;
  --srt-text-dim: #64748B;
  --srt-border: #334155;
  --srt-border-active: #475569;
  --srt-success: #10B981;
  --srt-warning: #F59E0B;
  --srt-error: #EF4444;
  --srt-info: #00C4D4;
  --srt-shadow: 0 1px 3px rgba(0,0,0,0.4);
  --srt-nav-bg: rgba(15, 23, 42, 0.97);
  --yarlis-purple: #6B3FFA;
}

/* Light mode — only if user explicitly sets data-theme="light" */
[data-theme="light"] {
  --srt-primary: #0097a7;
  --srt-primary-hover: #00C4D4;
  --srt-primary-light: rgba(0, 151, 167, 0.1);
  --srt-bg: #F8FAFC;
  --srt-bg-dark: #F1F5F9;
  --srt-bg-card: #FFFFFF;
  --srt-bg-elevated: #F1F5F9;
  --srt-bg-input: #FFFFFF;
  --srt-text: #0F172A;
  --srt-text-muted: #475569;
  --srt-text-dim: #94A3B8;
  --srt-border: #E2E8F0;
  --srt-border-active: #CBD5E1;
  --srt-shadow: 0 1px 3px rgba(0,0,0,0.1);
  --srt-nav-bg: rgba(248, 250, 252, 0.97);
}

/* Override system light-mode — RTM is dark-only */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="light"]) {
    --srt-primary: #00C4D4;
    --srt-primary-hover: #00e5f7;
    --srt-primary-light: rgba(0, 196, 212, 0.15);
    --srt-bg: #0F172A;
    --srt-bg-dark: #080f1e;
    --srt-bg-card: #1E293B;
    --srt-bg-elevated: #273548;
    --srt-bg-input: #1a2540;
    --srt-text: #E2E8F0;
    --srt-text-muted: #94A3B8;
    --srt-text-dim: #64748B;
    --srt-border: #334155;
    --srt-border-active: #475569;
    --srt-nav-bg: rgba(15, 23, 42, 0.97);
  }
}

/* Hard overrides — always dark bg + teal primary on body */
body {
  background-color: var(--srt-bg) !important;
  color: var(--srt-text) !important;
}