/* Dark mode overrides */
:root {
  color-scheme: light;
}

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

[data-theme="dark"] body {
  background: #0f1115;
  color: #e7e9ee;
}

[data-theme="dark"] .bg-light {
  background-color: #151a22 !important;
}

[data-theme="dark"] .text-muted {
  color: #9aa3b2 !important;
}

[data-theme="dark"] .text-primary {
  color: #8ab4ff !important;
}

[data-theme="dark"] hr {
  border-color: #2b3342;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] textarea,
[data-theme="dark"] input {
  background-color: #12161d;
  color: #e7e9ee;
  border-color: #2a3342;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] input::placeholder {
  color: #7f8897;
}

[data-theme="dark"] .btn-outline-light {
  color: #e7e9ee;
  border-color: rgba(255,255,255,.35);
}

[data-theme="dark"] .btn-outline-light:hover {
  background: rgba(255,255,255,.12);
  color: #ffffff;
}

[data-theme="dark"] .btn-custom {
  background: linear-gradient(135deg, #0b0d12, #1b1f2a);
  border-color: rgba(255,255,255,.12);
  color: #e7e9ee;
}

[data-theme="dark"] .btn-custom:hover {
  background: linear-gradient(135deg, #10131b, #252b3a);
}

[data-theme="dark"] .video-description {
  color: #c9d2e3;
  border-left-color: rgba(138,180,255,.35);
}

[data-theme="dark"] .video-meta {
  color: #9aa3b2;
}

[data-theme="dark"] section,
html[data-theme="dark"] body section {
  background: rgba(17, 21, 29, 0.92) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.35);
}

[data-theme="dark"] h2 {
  color: #e7e9ee;
}

[data-theme="dark"] h2::after {
  background: linear-gradient(90deg, #8ab4ff, #3b82f6);
}

[data-theme="dark"] p {
  color: #cfd6e4;
}

[data-theme="dark"] .profile-img {
  border-color: rgba(255, 255, 255, 0.08);
}