html[data-theme="dark2026"] {
  color-scheme: dark;
}

html[data-theme="black2026"] {
  color-scheme: dark;
}

html[data-theme="light2026"],
html[data-theme="vs-light"] {
  color-scheme: light;
}

html[data-theme="dark2026"] {
  --boss-bg: #0b1220;
  --boss-surface: #0f1b2d;
  --boss-surface-2: #13243a;
  --boss-border: rgba(148, 163, 184, 0.18);
  --boss-text: rgba(226, 232, 240, 1);
  --boss-muted: rgba(148, 163, 184, 1);
  --boss-accent: #7c3aed;
  --boss-accent-2: #0ea5e9;
  --boss-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

html[data-theme="light2026"] {
  --boss-bg: #f4f6fb;
  --boss-surface: #ffffff;
  --boss-surface-2: #f8fafc;
  --boss-border: rgba(15, 23, 42, 0.14);
  --boss-text: rgba(15, 23, 42, 1);
  --boss-muted: rgba(71, 85, 105, 1);
  --boss-accent: #2563eb;
  --boss-accent-2: #7c3aed;
  --boss-shadow: 0 18px 60px rgba(2, 6, 23, 0.12);
}

html[data-theme="black2026"],
html[data-theme="vs-light"] {
  --boss-bg: #1e1e1e;
  --boss-surface: #252526;
  --boss-surface-2: #2d2d30;
  --boss-border: rgba(255, 255, 255, 0.08);
  --boss-text: #d4d4d4;
  --boss-muted: #9da5b4;
  --boss-accent: #569cd6;
  --boss-accent-2: #9cdcfe;
  --boss-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark2026"] body,
html[data-theme="light2026"] body,
html[data-theme="black2026"] body,
html[data-theme="vs-light"] body {
  background: var(--boss-bg);
  color: var(--boss-text);
}

html[data-theme="dark2026"] .page-content,
html[data-theme="light2026"] .page-content,
html[data-theme="black2026"] .page-content,
html[data-theme="vs-light"] .page-content,
html[data-theme="dark2026"] .container-fluid,
html[data-theme="light2026"] .container-fluid,
html[data-theme="black2026"] .container-fluid,
html[data-theme="vs-light"] .container-fluid {
  background: transparent;
}

html[data-theme="dark2026"] .card,
html[data-theme="light2026"] .card,
html[data-theme="black2026"] .card,
html[data-theme="vs-light"] .card {
  box-shadow: var(--boss-shadow);
}

html[data-theme="dark2026"] .topbar {
  background: linear-gradient(180deg, rgba(15, 27, 45, 0.95), rgba(15, 27, 45, 0.85)) !important;
  border-bottom: 1px solid var(--boss-border) !important;
}

html[data-theme="light2026"] .topbar {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid var(--boss-border) !important;
  backdrop-filter: blur(10px);
}

html[data-theme="black2026"] .topbar,
html[data-theme="vs-light"] .topbar {
  background: #252526 !important;
  border-bottom: 1px solid var(--boss-border) !important;
}

html[data-theme="dark2026"] .main-nav,
html[data-theme="dark2026"] .navbar-menu {
  background: linear-gradient(180deg, rgba(11, 18, 32, 0.98), rgba(11, 18, 32, 0.92)) !important;
  border-right: 1px solid var(--boss-border) !important;
}

html[data-theme="light2026"] .main-nav,
html[data-theme="light2026"] .navbar-menu,
html[data-theme="black2026"] .main-nav,
html[data-theme="black2026"] .navbar-menu,
html[data-theme="vs-light"] .main-nav,
html[data-theme="vs-light"] .navbar-menu {
  border-right: 1px solid var(--boss-border) !important;
}

html[data-theme="black2026"] .main-nav,
html[data-theme="black2026"] .navbar-menu,
html[data-theme="vs-light"] .main-nav,
html[data-theme="vs-light"] .navbar-menu {
  background: #252526 !important;
}

html[data-theme="dark2026"] .topbar-button,
html[data-theme="dark2026"] .topbar-button iconify-icon {
  color: var(--boss-muted) !important;
}

html[data-theme="light2026"] .topbar-button,
html[data-theme="light2026"] .topbar-button iconify-icon,
html[data-theme="black2026"] .topbar-button,
html[data-theme="black2026"] .topbar-button iconify-icon,
html[data-theme="vs-light"] .topbar-button,
html[data-theme="vs-light"] .topbar-button iconify-icon {
  color: var(--boss-text) !important;
}

html[data-theme="dark2026"] .topbar-button:hover {
  background: rgba(124, 58, 237, 0.14) !important;
  color: rgba(237, 233, 254, 1) !important;
}

html[data-theme="light2026"] .topbar-button:hover,
html[data-theme="black2026"] .topbar-button:hover,
html[data-theme="vs-light"] .topbar-button:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}