/* Стекло пресета Aurora: backdrop-filter живёт ЗДЕСЬ, а не в бандл-графе —
   CSS-трансформер Vite (Lightning/esbuild) заменяет стандартное свойство на
   -webkit- под старые Safari-таргеты, и Chrome теряет стекло (зонд 2026-10-03).
   public/ копируется в dist как есть. Здесь же -webkit- вручную: старые Safari
   получают блюр, новые — стандарт; оба декларации соседствуют по порядку. */

[data-variant='aurora'] .toast,
[data-variant='aurora'] .app-iconbtn,
[data-variant='aurora'] .app-profile-link,
[data-variant='aurora'] .app-tabbar {
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
}

[data-variant='aurora'] .sheet-panel {
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}

[data-variant='aurora'] .app-topbar {
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}

[data-variant='aurora'] .card,
[data-variant='aurora'] .glass-card {
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  backdrop-filter: blur(12px) saturate(135%);
}

[data-variant='aurora'] .app-nav-list {
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
}

/* Активная вкладка — приподнятое стекло того же стекла, а не цветная заливка:
   вложенный backdrop-filter берёт те же 20px, что и у панели. */
[data-variant='aurora'] .app-tab__blob {
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
}

@media (max-width: 900px) {
  [data-variant='aurora'] .sheet-panel,
  [data-variant='aurora'] .card,
  [data-variant='aurora'] .glass-card {
    -webkit-backdrop-filter: blur(8px) saturate(130%);
    backdrop-filter: blur(8px) saturate(130%);
  }
}

@media (prefers-reduced-transparency: reduce) {
  [data-variant='aurora'] .sheet-panel,
  [data-variant='aurora'] .toast,
  [data-variant='aurora'] .card,
  [data-variant='aurora'] .glass-card,
  [data-variant='aurora'] .app-nav-list,
  [data-variant='aurora'] .app-topbar,
  [data-variant='aurora'] .app-tab__blob,
  [data-variant='aurora'] .app-iconbtn,
  [data-variant='aurora'] .app-profile-link,
  [data-variant='aurora'] .app-tabbar {
    background: var(--color-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}