/* TitanScan theme — match screening mockup (charcoal + neon emerald) */

html[data-theme="dark"] {
  color-scheme: dark;
  --ts-radius: 10px;
  --ts-radius-sm: 8px;
  --ts-bg: #050b14;
  --ts-bg-elevated: #08101a;
  --ts-surface: #0a121c;
  --ts-surface-2: #0d1622;
  --ts-surface-solid: #0a121c;
  --ts-border: rgba(255, 255, 255, 0.08);
  --ts-border-strong: rgba(45, 255, 154, 0.35);
  --ts-text: #f4f7fb;
  --ts-text-secondary: #9aa8b8;
  --ts-text-muted: #6f7f90;
  --ts-accent: #2dff9a;
  --ts-accent-2: #12c876;
  --ts-accent-dim: rgba(45, 255, 154, 0.12);
  --ts-accent-glow: rgba(45, 255, 154, 0.35);
  --ts-danger: #ff5c7a;
  --ts-warning: #f5b942;
  --ts-info: #38bdf8;
  --ts-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  --ts-input-bg: rgba(255, 255, 255, 0.03);
  --ts-navbar: rgba(5, 11, 20, 0.92);
  --ts-grid-line: rgba(45, 255, 154, 0.05);
  --ts-hero-glow: rgba(45, 255, 154, 0.18);
  --ts-map-dot: rgba(45, 255, 154, 0.28);
  --primary-green: var(--ts-accent-2);
  --primary-gradient: linear-gradient(90deg, #2dff9a 0%, #12c876 55%, #0a9e5c 100%);
  --text-primary: var(--ts-text);
  --text-secondary: var(--ts-text-secondary);
  --glass-bg: var(--ts-surface);
  --glass-border: var(--ts-border);
}

:root {
  color-scheme: dark;
  --ts-radius: 10px;
  --ts-radius-sm: 8px;
  --ts-bg: #050b14;
  --ts-bg-elevated: #08101a;
  --ts-surface: #0a121c;
  --ts-surface-2: #0d1622;
  --ts-surface-solid: #0a121c;
  --ts-border: rgba(255, 255, 255, 0.08);
  --ts-border-strong: rgba(45, 255, 154, 0.35);
  --ts-text: #f4f7fb;
  --ts-text-secondary: #9aa8b8;
  --ts-text-muted: #6f7f90;
  --ts-accent: #2dff9a;
  --ts-accent-2: #12c876;
  --ts-accent-dim: rgba(45, 255, 154, 0.12);
  --ts-accent-glow: rgba(45, 255, 154, 0.35);
  --ts-danger: #ff5c7a;
  --ts-warning: #f5b942;
  --ts-info: #38bdf8;
  --ts-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  --ts-input-bg: rgba(255, 255, 255, 0.03);
  --ts-navbar: rgba(5, 11, 20, 0.92);
  --ts-grid-line: rgba(45, 255, 154, 0.05);
  --ts-hero-glow: rgba(45, 255, 154, 0.18);
  --ts-map-dot: rgba(45, 255, 154, 0.28);
  --primary-green: var(--ts-accent-2);
  --primary-gradient: linear-gradient(90deg, #2dff9a 0%, #12c876 55%, #0a9e5c 100%);
  --text-primary: var(--ts-text);
  --text-secondary: var(--ts-text-secondary);
  --glass-bg: var(--ts-surface);
  --glass-border: var(--ts-border);
}

html[data-theme="light"] {
  color-scheme: light;
  --ts-radius: 10px;
  --ts-radius-sm: 8px;
  --ts-bg: #eef2f0;
  --ts-bg-elevated: #ffffff;
  --ts-surface: #ffffff;
  --ts-surface-2: #f3f6f4;
  --ts-surface-solid: #ffffff;
  --ts-border: rgba(5, 11, 20, 0.14);
  --ts-border-strong: rgba(4, 120, 87, 0.45);
  --ts-text: #0a1f2e;
  --ts-text-secondary: #334155;
  --ts-text-muted: #475569;
  /* Darker accents for light mode readability */
  --ts-accent: #047857;
  --ts-accent-2: #065f46;
  --ts-accent-dim: rgba(4, 120, 87, 0.12);
  --ts-accent-glow: rgba(4, 120, 87, 0.22);
  --ts-danger: #9f1239;
  --ts-warning: #92400e;
  --ts-info: #075985;
  --ts-shadow: 0 16px 40px rgba(5, 11, 20, 0.1);
  --ts-input-bg: rgba(5, 11, 20, 0.04);
  --ts-navbar: rgba(255, 255, 255, 0.96);
  --ts-grid-line: rgba(4, 120, 87, 0.1);
  --ts-hero-glow: rgba(4, 120, 87, 0.12);
  --ts-map-dot: rgba(5, 11, 20, 0.18);
  --primary-green: #047857;
  --primary-gradient: linear-gradient(135deg, #064e3b 0%, #047857 55%, #065f46 100%);
  --text-primary: var(--ts-text);
  --text-secondary: var(--ts-text-secondary);
  --glass-bg: var(--ts-surface);
  --glass-border: var(--ts-border);
  --success: #047857;
  --danger: #9f1239;
  --warning: #92400e;
  --info: #075985;
}

/* Global light-mode: darken Bootstrap / generic accents project-wide */
html[data-theme="light"] .text-success,
html[data-theme="light"] .btn-outline-success {
  color: #047857 !important;
}
html[data-theme="light"] .btn-success,
html[data-theme="light"] .bg-success,
html[data-theme="light"] .badge.bg-success {
  background-color: #047857 !important;
  border-color: #065f46 !important;
  color: #ffffff !important;
}
html[data-theme="light"] .text-danger { color: #9f1239 !important; }
html[data-theme="light"] .text-warning { color: #92400e !important; }
html[data-theme="light"] .text-info { color: #075985 !important; }
html[data-theme="light"] .btn-danger,
html[data-theme="light"] .bg-danger,
html[data-theme="light"] .badge.bg-danger {
  background-color: #9f1239 !important;
  border-color: #881337 !important;
  color: #ffffff !important;
}
html[data-theme="light"] .btn-warning,
html[data-theme="light"] .bg-warning,
html[data-theme="light"] .badge.bg-warning {
  background-color: #92400e !important;
  border-color: #78350f !important;
  color: #ffffff !important;
}
html[data-theme="light"] .border-success { border-color: #047857 !important; }
html[data-theme="light"] .alert-success {
  color: #064e3b !important;
  background-color: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

/* Shell / nav accents in light mode */
html[data-theme="light"] .ts-brand span span,
html[data-theme="light"] .ts-nav-menu .dropdown-header,
html[data-theme="light"] .ts-nav-menu .dropdown-item i,
html[data-theme="light"] .ts-theme-btn,
html[data-theme="light"] .user-profile-dropdown .dropdown-item i {
  color: #047857 !important;
}
html[data-theme="light"] .ts-nav-item.active,
html[data-theme="light"] .ts-nav-item:hover {
  color: #047857 !important;
}
html[data-theme="light"] .ts-nav-item.active::after,
html[data-theme="light"] .ts-dot,
html[data-theme="light"] .ts-brand-mark {
  border-color: rgba(4, 120, 87, 0.45) !important;
  box-shadow: 0 0 12px rgba(4, 120, 87, 0.25) !important;
}

#tsThemeToggle .icon-sun { display: none; }
#tsThemeToggle .icon-moon { display: inline-block; }
html[data-theme="light"] #tsThemeToggle .icon-sun { display: inline-block; }
html[data-theme="light"] #tsThemeToggle .icon-moon { display: none; }