/* ═══════════════════════════════════════════════════════════════════
   Сайт «Легче» — светлый вид: яркий и контрастный (15.11.2026), вид по умолчанию.
   Подключается всегда, поверх site.css (и buy.css); все правила начинаются с [data-theme=bright],
   поэтому в тёмном виде (кнопка в шапке) не действуют. Меняет ТОЛЬКО цвета: блоки, расположение,
   тексты и анимации — те же, что в тёмном виде.
   Телефон с приложением остаётся тёмным — так выглядит само приложение, и на светлой
   странице он смотрится ярким пятном.
   Все правила начинаются с [data-theme=bright] — так они сильнее правил site.css и buy.css.
   Контраст текста на белом — не ниже 4,5 : 1 (крупные заголовки — не ниже 3 : 1).
   ═══════════════════════════════════════════════════════════════════ */

:root[data-theme=bright] {
  --bg: #ffffff;
  --bg-2: #ecf7f1;
  --card: #ffffff;
  --line: rgba(11, 22, 40, 0.1);
  --line-2: rgba(11, 22, 40, 0.18);
  --text: #0b1628;
  --soft: #22324a;
  --muted: #4b5b72;
  --faint: #5c6b80;

  --accent: #059669;
  --accent-2: #047857;
  --teal: #0d9488;
  --mint: #047857;
  --ink: #03251a;

  --kcal: #ea580c;
  --prot: #db2777;
  --fat: #ca8a04;
  --carb: #2563eb;
  --water: #0284c7;
  --steps: #7c3aed;
  --heart: #e11d48;
  --sugar: #9333ea;
  --lab: #0d9488;
  --gold: #d97706;
  --info: #2563eb;

  --shadow-card: 0 1px 2px rgba(11, 22, 40, 0.05), 0 18px 40px -24px rgba(11, 22, 40, 0.22);
  color-scheme: light;
}

[data-theme=bright] a:hover { color: #065f46; }
[data-theme=bright] ::selection { background: rgba(16, 185, 129, 0.26); color: var(--text); }
[data-theme=bright] .skip { background: #047857; color: #ffffff; }
[data-theme=bright] mark.fill { background: #fef3c7; color: #92400e; border-color: #d97706; }

/* ───────── Кнопки ───────── */
[data-theme=bright] .btn--primary {
  background: linear-gradient(135deg, #34d399 0%, #10b981 48%, #0d9488 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 10px 24px -10px rgba(5, 150, 105, 0.6);
}
[data-theme=bright] .btn--primary:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 14px 30px -10px rgba(5, 150, 105, 0.7); }
[data-theme=bright] .btn--ghost { background: #ffffff; border-color: var(--line-2); box-shadow: 0 1px 2px rgba(11, 22, 40, 0.06); }
[data-theme=bright] .btn--ghost:hover { background: #f1f6f3; border-color: rgba(11, 22, 40, 0.3); }
[data-theme=bright] .btn--gold { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 12px 28px -12px rgba(217, 119, 6, 0.6); }

/* ───────── Шапка ───────── */
[data-theme=bright] .nav::before { background: rgba(255, 255, 255, 0.93); }
[data-theme=bright] body.menu-open .nav::before { opacity: 1; background: rgba(255, 255, 255, 0.97); }
[data-theme=bright] .brand:hover { color: var(--text); }
[data-theme=bright] .brand .logo { filter: drop-shadow(0 6px 14px rgba(5, 150, 105, 0.35)); }
[data-theme=bright] .nav__links a:hover { background: rgba(11, 22, 40, 0.05); }
[data-theme=bright] .nav__burger { background: #ffffff; }
[data-theme=bright] .theme-btn { background: #ffffff; color: #0b1628; }
[data-theme=bright] .theme-btn:hover { background: #f0fbf6; }
[data-theme=bright] .theme-btn .i-sun { opacity: 0; transform: rotate(100deg) scale(0.4); }
[data-theme=bright] .theme-btn .i-moon { opacity: 1; transform: none; }
[data-theme=bright] .theme-btn:hover .i-moon { transform: rotate(-18deg); }
[data-theme=bright] .mnav { background: rgba(255, 255, 255, 0.97); }

/* ───────── Сияние — яркие пастельные пятна на белом ───────── */
[data-theme=bright] .aurora i:nth-child(1) { --c: rgba(52, 211, 153, 0.6); }
[data-theme=bright] .aurora i:nth-child(2) { --c: rgba(56, 189, 248, 0.5); }
[data-theme=bright] .aurora i:nth-child(3) { --c: rgba(251, 191, 36, 0.42); }
[data-theme=bright] .aurora i:nth-child(4) { --c: rgba(244, 114, 182, 0.32); }

/* ───────── Заголовки ───────── */
[data-theme=bright] .grad { color: #059669; }
[data-theme=bright] .grad[data-split-grad] { color: inherit; }

/* ═════════════ ПЕРВЫЙ ЭКРАН ═════════════ */
[data-theme=bright] .phone-glow { background: radial-gradient(circle, rgba(52, 211, 153, 0.3), transparent 62%); }
[data-theme=bright] .phone {
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.1), inset 0 0 0 5px #05080f, 0 60px 110px -40px rgba(11, 22, 40, 0.55), -30px 30px 90px -20px rgba(16, 185, 129, 0.45);
}
[data-theme=bright] .float-card { border-color: rgba(11, 22, 40, 0.08); background: rgba(255, 255, 255, 0.9); box-shadow: 0 24px 50px -18px rgba(11, 22, 40, 0.3); color: var(--text); }
[data-theme=bright] .fc__icon { background: var(--c); color: #ffffff; box-shadow: 0 8px 16px -8px var(--c); }
[data-theme=bright] .fc__bar { background: rgba(2, 132, 199, 0.14); }
[data-theme=bright] .feather { color: var(--accent); }
[data-theme=bright] .f2 { color: #0891b2; }

/* ═════════════ ТРЕНД ═════════════ */
[data-theme=bright] .glass { background: #ffffff; box-shadow: var(--shadow-card); }
[data-theme=bright] .trend::before { background: radial-gradient(closest-side, rgba(16, 185, 129, 0.16), transparent); }
[data-theme=bright] .tc-grid line { stroke: rgba(11, 22, 40, 0.09); }
[data-theme=bright] .tc-dot { fill: #8a99ad; }
[data-theme=bright] #tcLineGrad stop:first-child { stop-color: #10b981; }
[data-theme=bright] #tcLineGrad stop:last-child { stop-color: #0891b2; }
[data-theme=bright] #tcArea stop { stop-color: #10b981; }
[data-theme=bright] .tc-line { filter: drop-shadow(0 4px 10px rgba(16, 185, 129, 0.35)); }
[data-theme=bright] .trend-card.mode-raw .tc-dot { fill: #334155; }
[data-theme=bright] .tc-guide { stroke: rgba(5, 150, 105, 0.5); }
[data-theme=bright] .tc-focus { stroke: #ffffff; }
[data-theme=bright] .tc-focus-raw { fill: var(--text); }
[data-theme=bright] .trend-tip b { color: #047857; }
[data-theme=bright] .trend-tip { background: rgba(255, 255, 255, 0.97); box-shadow: 0 16px 40px -12px rgba(11, 22, 40, 0.3); }
[data-theme=bright] .dot:not(.dot--line) { background: #8a99ad; }
[data-theme=bright] .trend-card.mode-raw .dot:not(.dot--line) { background: #334155; }
[data-theme=bright] .dot--line { box-shadow: 0 2px 8px rgba(16, 185, 129, 0.45); }
[data-theme=bright] .seg { background: #f1f6f3; }
[data-theme=bright] .seg__btn.is-on { background: #047857; color: #ffffff; box-shadow: 0 6px 14px -6px rgba(4, 120, 87, 0.6); }
[data-theme=bright] .tp__n { color: #059669; }
[data-theme=bright] .tp:nth-child(2) .tp__n { color: #0284c7; }
[data-theme=bright] .tp:nth-child(3) .tp__n { color: #7c3aed; }

/* ═════════════ ВОЗМОЖНОСТИ — белые карточки, каждая чуть подкрашена своим цветом ═════════════ */
[data-theme=bright] .features { background: linear-gradient(180deg, #e3f6ec 0%, #e5f1fb 100%); }
[data-theme=bright] .card {
  --tint: var(--accent);
  background-color: #ffffff;
  background-image: linear-gradient(165deg, color-mix(in srgb, var(--tint) 10%, #ffffff), #ffffff 58%);
  box-shadow: var(--shadow-card);
}
[data-theme=bright] .card:hover { border-color: color-mix(in srgb, var(--tint) 40%, transparent); }
[data-theme=bright] .b-food { --tint: var(--kcal); }
[data-theme=bright] .b-bp { --tint: var(--heart); }
[data-theme=bright] .b-water { --tint: var(--water); }
[data-theme=bright] .b-labs { --tint: var(--lab); }
[data-theme=bright] .b-sugar { --tint: var(--sugar); }
[data-theme=bright] .b-meds { --tint: var(--info); }
[data-theme=bright] .b-report { --tint: var(--accent); }
[data-theme=bright] .b-steps { --tint: var(--steps); }
[data-theme=bright] .b-ach { --tint: var(--gold); }
[data-theme=bright] .b-mods { --tint: var(--accent); }
[data-theme=bright] .b-care { --tint: var(--prot); }
[data-theme=bright] .card__icon { background: var(--c); color: #ffffff; box-shadow: 0 10px 20px -10px var(--c); }

/* мини-иллюстрации */
[data-theme=bright] .ring__bg { stroke: rgba(11, 22, 40, 0.07); }
[data-theme=bright] .ring__fg { filter: drop-shadow(0 3px 6px rgba(234, 88, 12, 0.3)); }
[data-theme=bright] .macros i { background: rgba(11, 22, 40, 0.07); }
[data-theme=bright] .macros i::after { box-shadow: none; }
[data-theme=bright] .viz-ecg path { opacity: 0.2; }
[data-theme=bright] .viz-ecg .pulse { opacity: 1; filter: drop-shadow(0 2px 4px rgba(225, 29, 72, 0.35)); }
[data-theme=bright] .viz-glass { border-color: rgba(2, 132, 199, 0.65); border-top-color: rgba(2, 132, 199, 0.2); background: #ffffff; }
[data-theme=bright] .viz-glass__water { background: linear-gradient(180deg, #38bdf8, #0284c7); }
[data-theme=bright] .viz-glass__water svg { fill: #38bdf8; }
[data-theme=bright] .viz-glass span { text-shadow: 0 1px 4px rgba(3, 60, 100, 0.45); }
[data-theme=bright] .viz-labs li, [data-theme=bright] .viz-meds li { background: rgba(11, 22, 40, 0.04); }
[data-theme=bright] .viz-labs .ok { background: rgba(5, 150, 105, 0.12); color: #065f46; }
[data-theme=bright] .viz-labs .hi { background: rgba(234, 88, 12, 0.12); color: #9a3412; }
[data-theme=bright] .viz-spark__line { filter: drop-shadow(0 3px 6px rgba(147, 51, 234, 0.3)); }
[data-theme=bright] .viz-spark__area { fill: rgba(147, 51, 234, 0.1); }
[data-theme=bright] .viz-meds i { border-color: #94a3b8; }
[data-theme=bright] .viz-meds i .i { color: #ffffff; }
[data-theme=bright] .sheet { background: #ffffff; box-shadow: 0 18px 36px -14px rgba(11, 22, 40, 0.35), 0 0 0 1px rgba(11, 22, 40, 0.06); }
[data-theme=bright] .sheet.s2 { background: #e2e8f0; }
[data-theme=bright] .sheet.s3 { background: #cbd5e1; }
[data-theme=bright] .sheet .ln { background: #e2e8f0; }
[data-theme=bright] .viz-steps b { text-shadow: 0 6px 24px rgba(124, 58, 237, 0.25); }
[data-theme=bright] .viz-badges span { background: linear-gradient(145deg, rgba(251, 191, 36, 0.3), rgba(251, 191, 36, 0.08)); border-color: rgba(217, 119, 6, 0.35); }
[data-theme=bright] .viz-toggles i { background: #cbd5e1; }
[data-theme=bright] .viz-toggles i.on { background: var(--accent); }
[data-theme=bright] .viz-toggles i::after { box-shadow: 0 1px 3px rgba(11, 22, 40, 0.3); }

/* ═════════════ БЕЗ ОСУЖДЕНИЯ ═════════════ */
[data-theme=bright] .manifesto::before { background: radial-gradient(50% 50% at 30% 50%, rgba(52, 211, 153, 0.14), transparent); }
[data-theme=bright] .sw { opacity: 0.26; }
[data-theme=bright] .sw.on, [data-theme=bright] .no-scrub .sw { opacity: 1; }

/* ═════════════ ПРИВАТНОСТЬ ═════════════ */
[data-theme=bright] .privacy { background: linear-gradient(180deg, #e5f1fb 0%, #e3f6ec 100%); }
[data-theme=bright] .split { background: #ffffff; box-shadow: var(--shadow-card); }
[data-theme=bright] .split__col--phone { background: linear-gradient(180deg, rgba(16, 185, 129, 0.13), rgba(16, 185, 129, 0.04)); }
[data-theme=bright] .split li { background: rgba(11, 22, 40, 0.045); }
[data-theme=bright] .split__col--phone li { background: #ffffff; box-shadow: 0 1px 2px rgba(11, 22, 40, 0.07); }
[data-theme=bright] .split__wall span { background: #ffffff; box-shadow: 0 4px 12px -4px rgba(11, 22, 40, 0.2); }
[data-theme=bright] .checks li { background: #ffffff; box-shadow: var(--shadow-card); }
[data-theme=bright] .checks li > .i { background: #059669; color: #ffffff; box-shadow: 0 10px 20px -10px #059669; }

/* ═════════════ ТАРИФЫ ═════════════ */
[data-theme=bright] .pricing::before { background: radial-gradient(closest-side, rgba(16, 185, 129, 0.16), transparent); }
[data-theme=bright] .plan__list li::before {
  background: rgba(5, 150, 105, 0.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}
[data-theme=bright] .plan--pro { border-color: rgba(5, 150, 105, 0.45); background: linear-gradient(180deg, rgba(16, 185, 129, 0.15), #ffffff 60%); box-shadow: 0 30px 70px -30px rgba(5, 150, 105, 0.5), 0 1px 2px rgba(11, 22, 40, 0.05); }
[data-theme=bright] .plan--founder { background: linear-gradient(160deg, #f59e0b, rgba(245, 158, 11, 0.3) 45%, #fbbf24); box-shadow: 0 30px 70px -34px rgba(217, 119, 6, 0.55); }
[data-theme=bright] .plan__inner { background: linear-gradient(180deg, #fff8e6, #ffffff 55%); }

/* ═════════════ ВОПРОСЫ ═════════════ */
[data-theme=bright] .faq { background: linear-gradient(180deg, #f4f8fb 0%, #eef6f2 100%); }
[data-theme=bright] .qa { background: #ffffff; border-color: rgba(11, 22, 40, 0.08); box-shadow: 0 1px 2px rgba(11, 22, 40, 0.04), 0 8px 24px -16px rgba(11, 22, 40, 0.18); }
[data-theme=bright] .qa[open] { border-color: rgba(5, 150, 105, 0.4); background: #f0fbf6; }
[data-theme=bright] .qa summary:hover { color: #047857; }

/* ═════════════ ФИНАЛ — сочный изумрудный блок с белым текстом ═════════════ */
[data-theme=bright] .final__card { border-color: transparent; background: linear-gradient(135deg, #047857 0%, #0f766e 55%, #0e7490 100%); color: #ffffff; box-shadow: 0 40px 90px -40px rgba(4, 120, 87, 0.7); }
[data-theme=bright] .aurora--card i:nth-child(1) { --c: rgba(110, 231, 183, 0.5); }
[data-theme=bright] .aurora--card i:nth-child(2) { --c: rgba(103, 232, 249, 0.38); }
[data-theme=bright] .aurora--card i:nth-child(3) { --c: rgba(253, 224, 71, 0.22); }
[data-theme=bright] .final__feather { color: rgba(255, 255, 255, 0.12); }
[data-theme=bright] .final__title .grad { color: #bbf7d0; }
[data-theme=bright] .final__lead { color: #ecfdf5; }
[data-theme=bright] .final__meta { color: rgba(236, 253, 245, 0.88); }
[data-theme=bright] .final .btn--primary { background: #ffffff; color: #065f46; box-shadow: 0 14px 34px -12px rgba(3, 37, 26, 0.55); }
[data-theme=bright] .final .btn--primary:hover { color: #065f46; background: #f0fdf4; }
[data-theme=bright] .final :focus-visible { outline-color: #ffffff; }

/* ═════════════ ПОДВАЛ ═════════════ */
[data-theme=bright] .foot { background: linear-gradient(180deg, #e8f6ee, #dcefe5); }
[data-theme=bright] .foot__glow { background: radial-gradient(closest-side, rgba(52, 211, 153, 0.22), transparent); }
[data-theme=bright] .foot__col a:hover { color: #047857; }

/* ═════════════ ДОКУМЕНТЫ ═════════════ */
[data-theme=bright] .doc .note { border-color: rgba(5, 150, 105, 0.3); background: linear-gradient(180deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.03)); }
[data-theme=bright] .doc th { background: rgba(11, 22, 40, 0.045); }

/* ═════════════ СКАЧАТЬ ═════════════ */
[data-theme=bright] .dl-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; z-index: -1; background: linear-gradient(transparent, var(--bg)); }
[data-theme=bright] .hash button { background: #ffffff; }
[data-theme=bright] .hash button:hover { background: #f1f6f3; }
[data-theme=bright] .store-soon b { background: rgba(37, 99, 235, 0.1); color: #1d4ed8; }

/* ═════════════ 404 ═════════════ */
[data-theme=bright] .nf__code { background: linear-gradient(180deg, #059669, rgba(5, 150, 105, 0.25)); -webkit-background-clip: text; background-clip: text; }

/* ═════════════ ПОКУПКА (/kupit/, /pokupki/) ═════════════ */
[data-theme=bright] .buy-card { background: #ffffff; box-shadow: var(--shadow-card); }
[data-theme=bright] .buy-card--side { background: var(--bg-2); box-shadow: none; }
[data-theme=bright] .buy-input { background: #ffffff; }
[data-theme=bright] .buy-input:hover { border-color: rgba(11, 22, 40, 0.32); }
[data-theme=bright] .buy-input:focus { background: #ffffff; }
[data-theme=bright] .buy-input[aria-invalid='true'], [data-theme=bright] .buy-check.is-invalid { border-color: #e11d48; }
[data-theme=bright] .buy-input[aria-invalid='true']:focus, [data-theme=bright] .buy-input[aria-invalid='true']:focus-visible { border-color: #e11d48; outline-color: #e11d48; }
[data-theme=bright] .buy-err { color: #be123c; }
[data-theme=bright] .buy-err::before { background: #e11d48; color: #ffffff; }
[data-theme=bright] .buy-plan__box { background: #ffffff; }
[data-theme=bright] .buy-plan:hover .buy-plan__box { border-color: rgba(11, 22, 40, 0.32); }
[data-theme=bright] .buy-plan__input:checked + .buy-plan__box { background: rgba(16, 185, 129, 0.08); }
[data-theme=bright] .buy-plan--founder .buy-plan__name { color: #b45309; }
[data-theme=bright] .buy-plan--founder .buy-plan__input:checked + .buy-plan__box { background: rgba(245, 158, 11, 0.08); }
[data-theme=bright] .buy-seg { background: var(--bg-2); }
[data-theme=bright] .buy-seg input:checked + span { background: #047857; color: #ffffff; box-shadow: none; }
[data-theme=bright] .buy-check { background: #ffffff; }
[data-theme=bright] .buy-check:hover { border-color: rgba(11, 22, 40, 0.32); }
[data-theme=bright] .buy-pay { border-color: rgba(5, 150, 105, 0.3); background: rgba(16, 185, 129, 0.07); }
[data-theme=bright] .buy-status { border-color: rgba(37, 99, 235, 0.3); background: rgba(37, 99, 235, 0.06); }
[data-theme=bright] .buy-status.is-ok { border-color: rgba(5, 150, 105, 0.35); background: rgba(16, 185, 129, 0.07); }