html {
  background: #070b12;
  color-scheme: dark;
}

html[data-theme="light"] {
  background: #f8fafc;
  color-scheme: light;
}

/* The Business Analytics dashboard predates the shared theme system. */
html[data-theme="dark"][data-theme-scope="ba"] {
  --ink: #f8fafc;
  --muted: #b5c0d0;
  --paper: #070b12;
  --surface: #111827;
  --line: #334155;
  --navy: #93c5fd;
  --soft-blue: #172554;
  --soft-green: #052e2b;
  --soft-orange: #431407;
  --shadow: 0 16px 38px rgba(0, 0, 0, .38);
}

html[data-theme="dark"][data-theme-scope="ba"] body {
  background: radial-gradient(circle at top left, rgba(37, 99, 235, .19), transparent 28%),
    linear-gradient(135deg, #070b12 0%, #0f172a 55%, #111827 100%) !important;
}

html[data-theme="dark"][data-theme-scope="ba"] :is(.card, .panel, .chart-card, .table-wrap, .section-card, .kpi-card) {
  background-color: var(--surface) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"][data-theme-scope="ba"] :is(input, select, textarea) {
  background: #0b1220 !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}