/* Global light/dark scheme — layers on top of any theme pack */

html[data-color-scheme="light"][data-theme="classic"],
html[data-color-scheme="light"][data-theme="bisect"],
html[data-color-scheme="light"][data-theme="aurora"],
html[data-color-scheme="light"][data-theme="midnight"],
html[data-color-scheme="light"][data-theme="ocean"],
html[data-color-scheme="light"][data-theme="ember"],
html[data-color-scheme="light"][data-theme="forest"],
html[data-color-scheme="light"][data-theme="neon"],
html[data-color-scheme="light"][data-theme="solar"] {
  --bg: #f0f4f9;
  --surface: #ffffff;
  --surface-2: #e8eef5;
  --border: #cfd9e8;
  --text: #0f172a;
  --muted: #64748b;
  --console-bg: #1e293b;
}

html[data-color-scheme="light"][data-theme="classic"] .app-header,
html[data-color-scheme="light"][data-theme="bisect"] .app-header,
html[data-color-scheme="light"][data-theme="aurora"] .app-header,
html[data-color-scheme="light"][data-theme="midnight"] .app-header,
html[data-color-scheme="light"][data-theme="ocean"] .app-header,
html[data-color-scheme="light"][data-theme="ember"] .app-header,
html[data-color-scheme="light"][data-theme="forest"] .app-header,
html[data-color-scheme="light"][data-theme="neon"] .app-header,
html[data-color-scheme="light"][data-theme="solar"] .app-header {
  background: #fff;
  box-shadow: 0 1px 0 var(--border);
}

html[data-color-scheme="dark"][data-theme="byet"],
html[data-color-scheme="dark"][data-theme="byet-pro"],
html[data-color-scheme="dark"][data-theme="slate"] {
  --bg: #070b14;
  --surface: #0f1624;
  --surface-2: #151d2e;
  --border: #243049;
  --text: #e8edf5;
  --muted: #8b9cb8;
  --accent: #6366f1;
  --accent-hover: #818cf8;
  --accent-2: #a855f7;
  --accent-glow: rgba(99, 102, 241, 0.35);
  --green: #34d399;
  --red: #f87171;
  --yellow: #fbbf24;
  --console-bg: #050810;
}

html[data-color-scheme="dark"][data-theme="byet"] .app-header,
html[data-color-scheme="dark"][data-theme="byet-pro"] .app-header,
html[data-color-scheme="dark"][data-theme="slate"] .app-header {
  background: rgba(15, 22, 36, 0.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 var(--border);
}

html[data-color-scheme="dark"][data-layout="byet"] {
  --bg: #060912;
  --surface: #0d1220;
  --surface-2: #121a2c;
  --border: #1e2a42;
  --text: #eef2ff;
  --muted: #94a3b8;
  --accent: #818cf8;
  --accent-hover: #a5b4fc;
  --accent-2: #c084fc;
  --accent-glow: rgba(129, 140, 248, 0.25);
}

html[data-color-scheme="dark"][data-layout="byet"] .app-header {
  background: rgba(10, 14, 26, 0.85);
  backdrop-filter: blur(16px);
  border-bottom-color: rgba(129, 140, 248, 0.15);
}

html[data-color-scheme="dark"][data-layout="byet"] .server-nav,
html[data-color-scheme="dark"][data-layout="byet"] .home-hero,
html[data-color-scheme="dark"][data-layout="byet"] .home-card,
html[data-color-scheme="dark"][data-layout="byet"] .ptero-console,
html[data-color-scheme="dark"][data-layout="byet"] .control-rail .stat-card,
html[data-color-scheme="dark"][data-layout="byet"] .stats-unique-panel,
html[data-color-scheme="dark"][data-layout="byet"] .stats-bait-panel,
html[data-color-scheme="dark"][data-layout="byet"] .stats-section,
html[data-color-scheme="dark"][data-layout="byet"] .stats-chart,
html[data-color-scheme="dark"][data-layout="byet"] .stats-controls,
html[data-color-scheme="dark"][data-layout="byet"] .theme-card,
html[data-color-scheme="dark"][data-layout="byet"] #tab-messages form,
html[data-color-scheme="dark"][data-layout="byet"] #tab-settings form {
  background: rgba(13, 18, 32, 0.75);
  backdrop-filter: blur(12px);
  border-color: rgba(129, 140, 248, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

html[data-color-scheme="dark"][data-layout="byet"] .home-hero {
  background: linear-gradient(135deg, rgba(13, 18, 32, 0.9) 0%, rgba(30, 20, 50, 0.6) 100%);
}

html[data-color-scheme="dark"][data-layout="byet"] .brand-name::after {
  content: " · Night";
  color: var(--accent-2);
}

html[data-color-scheme="dark"][data-layout="byet"] .workspace {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(99, 102, 241, 0.18), transparent),
    radial-gradient(ellipse 60% 40% at 90% 10%, rgba(168, 85, 247, 0.12), transparent),
    var(--bg);
}

html[data-color-scheme="light"] .scheme-toggle .scheme-icon-dark {
  opacity: 0.35;
}

html[data-color-scheme="light"] .scheme-toggle .scheme-icon-light {
  opacity: 1;
}

html[data-color-scheme="dark"] .scheme-toggle .scheme-icon-dark,
html:not([data-color-scheme="light"]) .scheme-toggle .scheme-icon-dark {
  opacity: 1;
}

html[data-color-scheme="dark"] .scheme-toggle .scheme-icon-light,
html:not([data-color-scheme="light"]) .scheme-toggle .scheme-icon-light {
  opacity: 0.35;
}
