/* =============================================================================
   RSK23 — светлая тема (переопределение токенов из tokens.css)
   Подключается ПОСЛЕ tokens.css. Бирюзовый/оранжевый не трогаем —
   те же цвета, что и в новом калькуляторе.
   ============================================================================= */
:root {
  --rsk-bg-dark:        #F5F8FA;
  --rsk-bg-darker:      #ffffff;
  --rsk-bg-card:        #ffffff;
  --rsk-bg-card-2:      #ffffff;

  --rsk-text-light:     #0D1B2A;
  --rsk-text-dark:      #ffffff;
  --rsk-text-muted:     #6b7c8a;

  --rsk-grad-card:      #ffffff;
  --rsk-grad-hero:      linear-gradient(180deg, #F5F8FA 0%, #ffffff 55%, #F5F8FA 100%);
}

body { background: linear-gradient(180deg, #F5F8FA 0%, #EAF1F4 100%) fixed; }

/* ── Карточки на светлом фоне — чёткая рамка + тень, как у калькулятора ── */
.pl-stat, .pl-step, .pl-role, .pl-trust__card, .pl-auth-card {
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(20,40,55,.08);
  border: 1.5px solid #e4edf2 !important;
}
.pl-role:hover, .pl-stat:hover { border-color: #5BA8B5 !important; }

/* ── Заголовки — были захардкожены в #fff под тёмный фон ── */
.pl-hero__title,
.pl-section-title,
.pl-step__title,
.pl-trust__title,
.pl-cta__title,
.pl-auth-card__title { color: var(--rsk-text-light) !important; }

.pl-hero__title em {
  background: none; -webkit-text-fill-color: unset;
  color: var(--rsk-teal);
}

/* ── Полупрозрачные бело-на-тёмном рамки/фоны → лёгкие тёмно-на-светлом ── */
.pl-header { background: rgba(245,248,250,.9); border-bottom-color: rgba(13,27,42,.08); }
.pl-nav__link { color: var(--rsk-text-light); opacity: 1 !important; }

/* rsk-btn-secondary был почти прозрачным белым — на светлом фоне невидим */
.rsk-btn-secondary {
  background: #ffffff !important;
  color: #0D1B2A !important;
  border: 1.5px solid #e4edf2 !important;
}
.rsk-btn-secondary:hover { background: rgba(91,168,181,.08) !important; border-color: #5BA8B5 !important; }
.pl-footer__copy { border-top-color: rgba(13,27,42,.08); }
.pl-auth-divider::before, .pl-auth-divider::after { background: rgba(13,27,42,.1); }

/* ── Одинаковый фон страницы везде — без отдельных тёплых секций ── */
.pl-footer { background: var(--rsk-bg-dark); border-top-color: rgba(13,27,42,.08); }
.pl-how, .pl-trust { background: var(--rsk-bg-dark); }

/* ── Текст карточек — крупнее и без затемнения прозрачностью ── */
.pl-role__text, .pl-role__list li, .pl-step__text,
.pl-trust__item p, .pl-hero__lead, .pl-cta__lead {
  opacity: 1 !important;
  color: #445566 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.pl-role__title { color: #4a91a0 !important; }
.pl-stat__label { opacity: 1 !important; color: var(--rsk-text-muted) !important; font-size: 13px !important; }
.pl-footer__col a, .pl-footer__col p { opacity: 1 !important; color: #445566 !important; font-size: 14px !important; }
.pl-footer__col a:hover { color: var(--rsk-teal) !important; }
.pl-trust__item strong { color: #4a91a0 !important; font-size: 15px !important; }
.pl-footer__copy { color: var(--rsk-text-muted) !important; }

.pl-phone-input { background: #f5f8f9; border-color: #e4edf2; }
.pl-phone-input__prefix { border-right-color: #e4edf2; color: var(--rsk-text-muted); }
.pl-phone-input input { color: var(--rsk-text-light); }

.pl-radio label { background: #f5f8f9; border-color: #e4edf2; }
.pl-radio label:hover { background: rgba(91,168,181,.08); }
.pl-radio input:checked + label { background: rgba(91,168,181,.12); color: #3a8e9e; }

.pl-captcha { background: #f5f8f9; color: var(--rsk-text-muted); }

/* ── Монохромные SVG-иконки вместо цветных эмодзи ── */
.pl-role__icon { color: var(--rsk-teal); }

/* ── Бейджи — были почти невидимыми (светлый текст на светлом фоне) ── */
.pl-badge {
  background: rgba(91,168,181,.14) !important;
  color: #2d7a87 !important;
  border: 1.5px solid rgba(91,168,181,.5) !important;
  font-weight: 700 !important;
}
.pl-badge svg { color: #2d7a87; }

/* select/option светлые (перебивает тёмный вариант из tokens.css) */
select.rsk-input, .rsk-input[type="date"], .rsk-input[type="time"] {
  color-scheme: light;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%235BA8B5' d='M6 8L0 0h12z'/></svg>") !important;
}
.rsk-input {
  background: #f5f8f9;
  border-color: #e4edf2;
  color: var(--rsk-text-light);
}
select.rsk-input option:hover,
select.rsk-input option:focus,
select.rsk-input option:active,
select.rsk-input option:checked {
  color: #0D1B2A !important;
}