html[data-theme="light"]{
  color-scheme:light;
  --vandi-bg:#EEF5F1;
  --vandi-surface:#F8FBF9;
  --vandi-surface-strong:rgba(255,255,255,.88);
  --vandi-border:#C2D3CC;
  --vandi-text:#153C30;
  --vandi-muted:#587167;
  --vandi-shadow:0 10px 28px rgba(21,60,48,.07);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --vandi-bg:#081B15;
  --vandi-surface:rgba(15,42,34,.42);
  --vandi-surface-strong:rgba(20,55,44,.54);
  --vandi-border:rgba(194,211,204,.14);
  --vandi-text:#F2F8F5;
  --vandi-muted:#A8BDB5;
  --vandi-shadow:0 14px 34px rgba(0,0,0,.15);
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 8%,rgba(25,185,130,.09),transparent 32rem),
    radial-gradient(circle at 88% 22%,rgba(74,141,246,.055),transparent 28rem),
    linear-gradient(145deg,#071914 0%,#0A211A 52%,#0A1D1A 100%);
  color:var(--vandi-text);
  background-attachment:fixed;
}
html[data-theme="dark"] .navbar,
html[data-theme="dark"] .dashboard-left,
html[data-theme="dark"] .about-mini,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .akademik-panel,
html[data-theme="dark"] .academic-summary-card,
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .academic-shortcuts a,
html[data-theme="dark"] .modal-content{
  background:var(--vandi-surface-strong)!important;
  color:var(--vandi-text)!important;
  border-color:var(--vandi-border)!important;
  box-shadow:var(--vandi-shadow)!important;
  backdrop-filter:blur(15px) saturate(115%);
  -webkit-backdrop-filter:blur(15px) saturate(115%);
}
html[data-theme="dark"] .quick-card a,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select{
  background:rgba(8,27,21,.32)!important;
  color:var(--vandi-text)!important;
  border-color:var(--vandi-border)!important;
}
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .navbar-brand,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6{color:var(--vandi-text)!important}
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] p,
html[data-theme="dark"] small{color:var(--vandi-muted)!important}
html[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:var(--vandi-text);--bs-table-border-color:var(--vandi-border)}
html[data-theme="dark"] .table th{background:rgba(255,255,255,.035)!important}
html[data-theme="dark"] .table tbody tr:hover{background:rgba(25,185,130,.055)!important}
html[data-theme="dark"] .form-control::placeholder{color:var(--vandi-muted)}
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer{border-color:var(--vandi-border)!important}
html[data-theme="dark"] .btn-close{filter:invert(1) grayscale(1)}
@media(prefers-reduced-transparency:reduce){
  html[data-theme="dark"] .panel-card,
  html[data-theme="dark"] .topbar,
  html[data-theme="dark"] .stat-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#123229!important}
}