/* =====================================================================
   bright.css — слой яркости поверх ivory-базы. Ничего не переверстывает,
   только усиливает цвет: синий становится настоящим акцентом, бежевость
   уходит, фотографии перестают быть блёклыми.

   Подключать ПОСЛЕ site-merged.css и после инлайнового <style> страницы.
   Снимается удалением одного <link>.
   ===================================================================== */

:root{
  /* синий насыщеннее: прежний #2f6ede на кремовом читался почти серым */
  --blue2:#2563eb;
  --blue:#1b4ed8;
  --blue-tint:#e9f1ff;
  --blue-edge:#bcd4fb;
  /* меньше бежевого в бумаге, больше чистого света */
  --paper:#fbfaf7;
  --paper2:#f1f0ea;
  --hair:#e3e1d9;
  --hair2:#ccc9bf;
}

/* ── фон: добавляем холодного света вместо сплошной кремовости ── */
.aurora{
  background:
    radial-gradient(680px 480px at 6% -6%, #eef3ff 0%, transparent 62%),
    radial-gradient(620px 440px at 100% 2%, #dbe7ff 0%, transparent 58%),
    radial-gradient(860px 620px at 86% 68%, #eaf0fb 0%, transparent 60%) !important;
}

/* ── киккеры: были бледно-серые, стали фирменные синие ── */
.rkick{color:var(--blue2)}
.rkick::before{background:var(--blue2);height:2px}

/* ── подбор объекта: иконки получают цвет и подложку ── */
.pk-obj{border-radius:14px;transition:border-color .2s var(--ease),background-color .2s,transform .2s var(--ease)}
.pk-obj:hover{border-color:var(--blue2);background:var(--blue-tint);transform:translateY(-2px)}
.pk-ic{background:var(--blue-tint);border-radius:12px;color:var(--blue2)}
.pk-obj:hover .pk-ic{background:#fff}
.pk-ic svg{stroke:var(--blue2)}
.pk-ic svg .acc{stroke:var(--blue2);opacity:.55}

/* ── карточки цены: цена перестаёт теряться ── */
.pk-pr{background:var(--blue-tint);border-color:var(--blue-edge)}
.pk-pr:hover{border-color:var(--blue2);background:#fff}
.pk-pr .n{font-size:1.55rem;font-weight:700;color:var(--blue);letter-spacing:-.02em}
.pk-pr .n small{color:var(--mut)}

/* ── главный CTA синим: чёрная кнопка не давала цвета вообще ── */
.rbtn--ink{background:var(--blue2);border-color:var(--blue2);color:#fff}
.rbtn--ink:hover{background:var(--blue);border-color:var(--blue)}
.rbtn--line{border-color:var(--blue-edge);color:var(--blue)}
.rbtn--line:hover{border-color:var(--blue2);background:var(--blue-tint)}

/* ── ФОТО В ЦВЕТЕ. Никакого grayscale и никакого saturate<1 ── */
.cam-frame>img,.rhero img,.rsec img,.mq-it img{
  filter:saturate(1.16) contrast(1.04) !important;
}

/* ── блок фактов на тёмном: акценты ярче ── */
.rfacts .u b{color:#fff}
.rfacts .u .ln{background:var(--blue2)}
.rfacts .u .ln::after{background:#7ba7ff}

/* ── FAQ: плюсы синие, строка подсвечивается ── */
.rfaq details summary{transition:color .18s}
.rfaq details summary:hover{color:var(--blue)}
.fq-x{color:var(--blue2)}
.rfaq details[open] summary{color:var(--blue)}

/* ── тёмный CTA внизу: синее свечение вместо серого ── */
.rcta .rkick{color:#9dbcff}
.rcta .rkick::before{background:#9dbcff}

/* ── ссылки в подвале ── */
.rfoot a:hover{color:#9dbcff}

@media (prefers-reduced-motion: reduce){
  .pk-obj{transition:none}
}