/* =====================================================================
   Светлая тема «Утро»: то же небо, звёзды и стекло, что и ночью, но днём.
   Включается data-theme="light" на <html> (кнопка в шапке, cookie theme).
   Базовые цвета — переменные из style.css; здесь переопределяются они и
   немногие места, где тёмный цвет задан напрямую.
   ===================================================================== */

[data-theme="light"] {
  color-scheme: light;
  --night: #F5F6FD; --night-2: #FFFFFF; --surface: #FFFFFF; --raised: #F6F7FD;
  --line: rgba(40, 52, 120, .10); --line-2: rgba(40, 52, 120, .18);
  --ink: #141A3D; --ink-2: #48507A; --ink-3: #697196;
  --silver: #3A4CC2; --silver-ink: #FFFFFF;
  --mint: #0E9A5C; --violet: #6446DA; --earth: #E9ECF8; --rose: #D23A5C; --amber: #B5690F;

  --glass-bg: rgba(255, 255, 255, .72); --glass-bg-hover: rgba(255, 255, 255, .92);
  --glass-border: rgba(58, 76, 194, .12); --glass-border-hover: rgba(58, 76, 194, .28);
  --glass-shadow: 0 10px 30px rgba(42, 52, 120, .08), 0 1px 2px rgba(42, 52, 120, .06);
  --glass-shadow-hover: 0 18px 44px rgba(42, 52, 120, .14), 0 2px 4px rgba(42, 52, 120, .06);
  --glass-hi: rgba(255, 255, 255, .9); --glass-hi-hover: #FFFFFF;
  --tile-in-dark: rgba(42, 52, 120, .08); --tile-in-light: rgba(255, 255, 255, .9);
  --soft-shadow: 0 8px 24px rgba(42, 52, 120, .08); --soft-hi: rgba(255, 255, 255, .9);
  --field: #FFFFFF; --code-bg: #F3F5FC;
}

/* ---------- небо ---------- */
[data-theme="light"] body {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(255, 196, 150, .30), transparent 60%),
    radial-gradient(1000px 700px at 10% 0%, rgba(150, 140, 255, .22), transparent 60%),
    linear-gradient(180deg, #ECEFFF 0%, #F5F6FD 520px, #F8F9FE 100%);
  background-attachment: fixed;
}
[data-theme="light"] .sky::before {
  background: radial-gradient(closest-side, rgba(120, 100, 255, .16), rgba(255, 170, 120, .08) 55%, transparent);
}
[data-theme="light"] ::selection { background: rgba(58, 76, 194, .18); }

/* ---------- текст и мелочи ---------- */
[data-theme="light"] code { background: rgba(58, 76, 194, .07); color: #2B347A; }
[data-theme="light"] a:hover { color: var(--ink); }
[data-theme="light"] .brand small { border-color: rgba(14, 154, 92, .4); }
[data-theme="light"] .chip { box-shadow: inset 0 0 0 1px var(--line-2); }

/* ---------- шапка ---------- */
[data-theme="light"] .nav-links { background: rgba(255, 255, 255, .7); border-color: rgba(58, 76, 194, .12);
  box-shadow: 0 6px 20px rgba(42, 52, 120, .06); }
[data-theme="light"] .nav-links a:hover { background: rgba(58, 76, 194, .06); }
[data-theme="light"] .nav-links a.on { background: rgba(58, 76, 194, .1); box-shadow: inset 0 0 0 1px rgba(58, 76, 194, .18); }
[data-theme="light"] .me { border-color: rgba(58, 76, 194, .14); background: rgba(255, 255, 255, .75); }
[data-theme="light"] .me:hover { border-color: rgba(58, 76, 194, .3); }
[data-theme="light"] .me-ava, [data-theme="light"] .ava { color: #fff; background: linear-gradient(135deg, #5B6CFF, #20B97A); }

/* ---------- кнопки ---------- */
[data-theme="light"] .btn:not(.ghost) { box-shadow: 0 8px 22px rgba(58, 76, 194, .22); }
[data-theme="light"] .btn.ghost { color: var(--ink); background: rgba(255, 255, 255, .6); box-shadow: inset 0 0 0 1px rgba(40, 52, 120, .18); }
[data-theme="light"] .btn.ghost:hover { background: #FFFFFF; }
[data-theme="light"] .btn.btn-danger { background: var(--rose); color: #fff; }

/* ---------- поля ввода ---------- */
[data-theme="light"] input[type=text], [data-theme="light"] input[type=password], [data-theme="light"] input[type=email],
[data-theme="light"] input[type=search], [data-theme="light"] select, [data-theme="light"] textarea, [data-theme="light"] .adm-text {
  background: var(--field); color: var(--ink); border-color: rgba(40, 52, 120, .2);
}
[data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: #8A91B0; }

/* ---------- карточки, у которых фон задан напрямую ---------- */
[data-theme="light"] .set-card, [data-theme="light"] .ac-hint, [data-theme="light"] .ac-course-progress, [data-theme="light"] .adm-course,
[data-theme="light"] .ac-sol, [data-theme="light"] .ac-toplink, [data-theme="light"] .blog-cta, [data-theme="light"] .stat,
[data-theme="light"] .ac-stats > span, [data-theme="light"] .side-card, [data-theme="light"] .ac-tabs a, [data-theme="light"] .tool-list li {
  background: var(--glass-bg); box-shadow: var(--glass-shadow);
}
[data-theme="light"] .ac-daily { background: linear-gradient(120deg, rgba(255, 190, 110, .22), rgba(255, 255, 255, .8)); }
[data-theme="light"] .ac-daily.done { background: linear-gradient(120deg, rgba(14, 154, 92, .14), rgba(255, 255, 255, .8)); }
[data-theme="light"] .blog-card.first { background: radial-gradient(120% 120% at 100% 0%, rgba(120, 100, 255, .14), rgba(255, 255, 255, .85) 60%) !important; }
[data-theme="light"] .academy-band { background: linear-gradient(120deg, rgba(14, 154, 92, .10), rgba(255, 255, 255, .85)); }

/* ---------- код и данные ---------- */
[data-theme="light"] pre.data, [data-theme="light"] .example pre, [data-theme="light"] pre.out,
[data-theme="light"] .blog-body pre, [data-theme="light"] .ac-code, [data-theme="light"] .ac-examples pre {
  background: var(--code-bg); color: #1E2654; border-color: rgba(40, 52, 120, .12);
}
[data-theme="light"] .blog-body pre code { color: #1E2654; }
/* редактор кода остаётся тёмным: подсветка CodeMirror рассчитана на тёмный фон */
[data-theme="light"] .editor { box-shadow: 0 14px 36px rgba(20, 26, 61, .18); border-radius: var(--r); }

/* ---------- подвал, мобильная панель, плашки ---------- */
[data-theme="light"] footer { background: rgba(255, 255, 255, .7); }
[data-theme="light"] .tabbar { background: rgba(255, 255, 255, .92); border-top-color: rgba(40, 52, 120, .14); }
[data-theme="light"] .tab-sheet { background: #FFFFFF; box-shadow: 0 20px 50px rgba(42, 52, 120, .18); }
[data-theme="light"] .tab-sheet a:hover, [data-theme="light"] .tab-sheet button:hover { background: rgba(58, 76, 194, .06); }
[data-theme="light"] .cookie-note, [data-theme="light"] .ad-sticky { background: rgba(255, 255, 255, .95); box-shadow: 0 12px 40px rgba(42, 52, 120, .16); }
[data-theme="light"] .flash { box-shadow: 0 10px 30px rgba(42, 52, 120, .12); }

/* ---------- сертификат ---------- */
[data-theme="light"] .cert {
  background: radial-gradient(120% 90% at 50% 0%, rgba(120, 100, 255, .14), rgba(255, 255, 255, .95) 60%), #FFFFFF;
  border-color: rgba(58, 76, 194, .2);
  box-shadow: inset 0 0 0 6px #FFFFFF, inset 0 0 0 7px rgba(58, 76, 194, .14), 0 30px 80px rgba(42, 52, 120, .14);
}

/* ---------- переключатель темы ---------- */
.theme-toggle {
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(221, 226, 255, .08); border: 1px solid rgba(221, 226, 255, .12);
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: background var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out), transform var(--dur) var(--ease-out);
}
.theme-toggle:hover { background: rgba(221, 226, 255, .14); border-color: rgba(221, 226, 255, .24); transform: rotate(-18deg); }
.theme-toggle svg { width: 18px; height: 18px; color: var(--ink-2); }
[data-theme="light"] .theme-toggle { background: rgba(255, 255, 255, .8); border-color: rgba(58, 76, 194, .16); }
[data-theme="light"] .theme-toggle:hover { background: #FFFFFF; border-color: rgba(58, 76, 194, .3); }

/* плавная смена темы, без анимации при первой загрузке */
html.theme-anim body, html.theme-anim body * {
  transition: background-color .35s ease, border-color .35s ease, color .35s ease, box-shadow .35s ease !important;
}