/**
 * TeleDNS — Lite mode (weak devices / reduced blur)
 * Matches TeleLive theme-lite: flat materials, no backdrop-filter
 */

[data-theme="lite"] {
  --glass-blur-sm: 0px;
  --glass-blur-md: 0px;
  --glass-blur-lg: 0px;
  --glass-blur-chrome: 0px;
  --glass-saturate: 100%;
  --glass-bg-large: #1c1c1e;
  --glass-bg-medium: #1c1c1e;
  --glass-bg-small: #2c2c2e;
  --glass-tint: transparent;
  --bg-glow-1: rgba(0, 145, 255, 0.04);
  --bg-glow-2: rgba(109, 124, 255, 0.03);
}

[data-theme="lite"] .glass,
[data-theme="lite"] .glass-sm,
[data-theme="lite"] .glass-panel,
[data-theme="lite"] .glass-chrome,
[data-theme="lite"] .glass-chip,
[data-theme="lite"] .btn-ghost,
[data-theme="lite"] .nav-drawer-panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="lite"] .glass,
[data-theme="lite"] .glass-sm,
[data-theme="lite"] .glass-panel,
[data-theme="lite"] .glass-chrome {
  background: var(--bg-secondary) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

[data-theme="lite"] .glass-chip {
  background: var(--bg-tertiary) !important;
}

[data-theme="lite"] .atmosphere::after,
[data-theme="lite"] .hero-grid,
[data-theme="lite"] .hero-orb,
[data-theme="lite"] .route-map,
[data-theme="lite"] .games-scroll-row--marquee {
  animation: none !important;
}

[data-theme="lite"] .hero-orb {
  animation: none;
}

[data-theme="lite"] .hero-signal {
  opacity: 0.35;
  filter: none;
}

@media (max-width: 720px) {
  /* Auto-soften blur on small screens for battery/GPU */
  html:not([data-theme="lite"]) {
    --glass-blur-chrome: 24px;
    --glass-saturate: 150%;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .glass,
  .glass-sm,
  .glass-panel,
  .glass-chrome,
  .glass-chip,
  .btn-ghost {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--bg-secondary) !important;
  }
}