/* Страница входа в светлой теме.
   Переключателя здесь нет: вход берёт тему, сохранённую в этом браузере из рабочей зоны,
   а без сохранённой остаётся тёмным (theme.js). Тёмная — базовая в login.css; здесь
   переопределения под [data-theme="light"]
   в том же ключе, что и рабочая зона (theme-light.css): мятная бумага, хвойный текст,
   зелёный Сбера как акцент. Фон-«лава» перекрашивается в самом шейдере (lava.js). */

[data-theme="light"] {
  color-scheme: light;
  --l-bg: #f4f7f3;
  --l-ink: #0f2419;
  --l-muted: rgba(15, 36, 25, 0.6);
  --l-line: rgba(22, 74, 48, 0.14);
  --l-line-2: rgba(22, 74, 48, 0.22);
  --l-accent: #1f9d5f;
  --l-accent-ink: #137543;
}

/* ── Светлая тема ───────────────────────────────────────────── */
html[data-theme="light"],
[data-theme="light"] body,
[data-theme="light"] .page { background: var(--l-bg); }
[data-theme="light"] .page { color: var(--l-ink); }
[data-theme="light"] a { color: var(--l-accent-ink); }
[data-theme="light"] ::placeholder { color: rgba(15, 36, 25, 0.36); }
[data-theme="light"] ::selection { background: rgba(31, 157, 95, 0.2); }

/* Запасной фон, если WebGL недоступен: те же пятна, но пастельные */
[data-theme="light"] .blob-a { background: radial-gradient(circle, #9fd6b6 0%, rgba(159,214,182,0) 65%); }
[data-theme="light"] .blob-b { background: radial-gradient(circle, #b9ddd0 0%, rgba(185,221,208,0) 68%); }
[data-theme="light"] .blob-c { background: radial-gradient(circle, #f6e7bf 0%, rgba(246,231,191,0) 70%); }
[data-theme="light"] .vignette {
  background: radial-gradient(120% 90% at 50% 45%, rgba(244,247,243,0) 0%, rgba(244,247,243,0.35) 70%, rgba(244,247,243,0.7) 100%);
}

[data-theme="light"] .brand-glow { background: radial-gradient(circle, rgba(47,179,106,0.25) 0%, rgba(47,179,106,0) 70%); }
[data-theme="light"] .brand-accent { color: var(--l-accent-ink); }

[data-theme="light"] .card {
  background: rgba(255, 255, 255, 0.68);
  border-color: rgba(255, 255, 255, 0.95);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(16, 48, 32, 0.05),
    0 30px 70px -24px rgba(16, 64, 40, 0.3);
}
[data-theme="light"] .card-sub { color: var(--l-muted); }
[data-theme="light"] .field-label { color: rgba(15, 36, 25, 0.72); }
[data-theme="light"] .field-input { background: rgba(255, 255, 255, 0.85); border-color: var(--l-line-2); color: var(--l-ink); }
[data-theme="light"] .field-input:focus {
  background: #fff; border-color: var(--l-accent);
  box-shadow: 0 0 0 4px rgba(31, 157, 95, 0.14);
}
[data-theme="light"] .pass-toggle { color: var(--l-muted); }
[data-theme="light"] .pass-toggle:hover { background: rgba(22, 74, 48, 0.07); color: var(--l-ink); }
[data-theme="light"] .remember { color: rgba(15, 36, 25, 0.75); }
[data-theme="light"] .submit { box-shadow: 0 12px 28px -12px rgba(31, 157, 95, 0.75); }
[data-theme="light"] .submit:hover { background: #1a8a53; }
[data-theme="light"] .submit[disabled] { background: rgba(31, 157, 95, 0.55); }

[data-theme="light"] .toast {
  background: rgba(255, 246, 245, 0.88); border-color: rgba(179, 64, 63, 0.28); color: #7d2524;
  box-shadow: 0 18px 40px -14px rgba(90, 20, 20, 0.3);
}
[data-theme="light"] .toast-icon { background: rgba(196, 64, 62, 0.12); border-color: rgba(179, 64, 63, 0.4); color: #a3302f; }
[data-theme="light"] .toast-count { background: rgba(196, 64, 62, 0.12); color: #8f2b2a; }
[data-theme="light"] .toast-close { color: rgba(125, 37, 36, 0.55); }
[data-theme="light"] .toast-close:hover { color: #7d2524; }