/* Premium Rebate — design tokens v2
 * Подключать первым. Шрифты грузятся не отсюда, а из partials/fonts.blade.php
 * (@import в CSS блокирует рендер и тянет лишние начертания).
 */

:root {
  /* ---------- бренд ---------- */
  --pr-dark: #212A2E;              /* графит: шапка, футер, тёмные секции, основной текст */
  --pr-gold-on-dark: #C8AE7C;      /* золото ТОЛЬКО на тёмном: «Rebate» в логотипе */
  --pr-gold-on-light: #A8874A;     /* золото ТОЛЬКО на светлом: «Rebate» в логотипе. Не для мелкого текста: 3.8:1 на фоне */
  --pr-cream: #FAF6EC;             /* только плитка каталогов и аватарки */
  --pr-cream-border: #E6DCC4;

  /* ---------- кнопки действия ---------- */
  --pr-btn: #BFA779;
  --pr-btn-hover: #B39B6C;
  --pr-btn-text: #1B2226;          /* только тёмная подпись: белый на этом золоте не читается */

  /* ---------- поверхности ---------- */
  --pr-bg: #F4F5F6;                /* фон страницы */
  --pr-surface: #FFFFFF;           /* карточки */
  --pr-border: #DDE0E6;
  --pr-border-dark: #333D42;
  --pr-hero-bg: #13171A;           /* ВРЕМЕННО: реальный фон баннеров; решение — см. отчёт */

  /* ---------- текст ---------- */
  --pr-text: #212A2E;
  --pr-text-secondary: #4A5260;
  --pr-text-muted: #666F74;        /* было #7A8388 — 3.5:1 на фоне, не проходило AA; теперь 4.7:1 */
  --pr-text-on-dark: #C7CDD0;
  --pr-link: var(--pr-text);       /* ссылки графитовые, не золотые */

  /* ---------- шрифты ---------- */
  --pr-font-display: 'Source Serif 4', 'Noto Serif', Georgia, serif;
  --pr-font-body: 'Public Sans', 'Noto Sans', system-ui, sans-serif;
  --pr-lh-body: 1.6;
  --pr-lh-heading: 1.14;
  --pr-tracking-heading: -0.02em;

  /* ---------- типографика: «мягче» ---------- */
  --pr-h1-weight: 700;              /* H1 страниц и крупные цифры — без изменений */
  --pr-heading-weight: 600;         /* заголовки разделов, карточек, модальных окон, визарда */
  --pr-label-weight: 500;           /* подписи полей, вопросов анкеты, подзаголовки в карточках */
  --pr-label-color: #3A444B;
  --pr-step-num-color: #C3C8CC;     /* декоративные номера шагов 01/02/03 */

  /* ---------- сетка ---------- */
  --pr-container: 1280px;
  --pr-gutter: 24px;
  --pr-section-y: 88px;

  /* ---------- карточки ---------- */
  --pr-radius-sm: 8px;
  --pr-radius-md: 12px;
  --pr-radius-lg: 16px;
  --pr-shadow-card: 0 1px 2px rgba(33, 42, 46, .06), 0 4px 16px rgba(33, 42, 46, .06);
  --pr-shadow-card-hover: 0 2px 4px rgba(33, 42, 46, .08), 0 12px 32px rgba(33, 42, 46, .10);
  --pr-lift: translateY(-2px);
  --pr-ease: 180ms cubic-bezier(.2, .6, .2, 1);
}

/* ---------- нелатинские локали ----------
 * Вьетнамский и турецкий покрывают сами Source Serif 4 и Public Sans.
 * Русский: в Public Sans нет кириллицы, поэтому текст и интерфейс целиком на Golos Text
 * (и латиница тоже — чтобы в одной строке не смешивались две гарнитуры).
 * Заголовки остаются на Source Serif 4: кириллица в нём есть.
 * Для тайского и CJK заголовки идут на засечковый Noto, чтобы не выглядеть как текст,
 * и снимается отрицательный трекинг — на этих письменностях он слепляет знаки.
 */
:lang(ru) {
  --pr-font-body: 'Golos Text', 'Noto Sans', system-ui, sans-serif;
}
:lang(th) {
  --pr-font-display: 'Source Serif 4', 'Noto Serif Thai', serif;
  --pr-font-body: 'Public Sans', 'Noto Sans Thai', system-ui, sans-serif;
  --pr-tracking-heading: 0;
  --pr-lh-heading: 1.35;           /* тайские надстрочные знаки режутся при 1.14 */
}
:lang(zh), :lang(cn) {
  --pr-font-display: 'Source Serif 4', 'Noto Serif SC', serif;
  --pr-font-body: 'Public Sans', 'Noto Sans SC', system-ui, sans-serif;
  --pr-tracking-heading: 0;
  --pr-lh-heading: 1.3;
}
:lang(ja) {
  --pr-font-display: 'Source Serif 4', 'Noto Serif JP', serif;
  --pr-font-body: 'Public Sans', 'Noto Sans JP', system-ui, sans-serif;
  --pr-tracking-heading: 0;
  --pr-lh-heading: 1.3;
}

/* ---------- база ---------- */
body {
  background: var(--pr-bg);
  color: var(--pr-text);
  font-family: var(--pr-font-body);
  font-weight: 400;
  line-height: var(--pr-lh-body);
}

h1, h2, h3, h4 {
  font-family: var(--pr-font-display);
  font-weight: var(--pr-heading-weight);
  line-height: var(--pr-lh-heading);
  letter-spacing: var(--pr-tracking-heading);
  text-transform: none;            /* заголовки не капслоком */
}

h1 {
  font-weight: var(--pr-h1-weight);
}

/* цифры в колонку: все таблицы ставок и расчётов */
table, .pr-num { font-variant-numeric: tabular-nums; }

.pr-container {
  max-width: var(--pr-container);
  margin-inline: auto;
  padding-inline: var(--pr-gutter);
}
.pr-section { padding-block: var(--pr-section-y); }

/* ---------- ссылки ---------- */
a {
  color: var(--pr-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  transition: text-decoration-thickness var(--pr-ease), color var(--pr-ease);
}
a:hover { text-decoration-thickness: 2px; }

/* ---------- кнопка действия ---------- */
.pr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: .8em 1.5em;
  border: 0;
  border-radius: var(--pr-radius-sm);
  background: var(--pr-btn);       /* плоско: без градиента, блика и объёма */
  color: var(--pr-btn-text);
  font: 600 1rem/1.2 var(--pr-font-body);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--pr-ease);
}
.pr-btn:hover { background: var(--pr-btn-hover); }

/* ---------- карточка ---------- */
.pr-card {
  background: var(--pr-surface);
  border: 1px solid var(--pr-border);
  border-radius: var(--pr-radius-lg);
  box-shadow: var(--pr-shadow-card);
  transition: transform var(--pr-ease), box-shadow var(--pr-ease);
}
.pr-card:hover {
  transform: var(--pr-lift);
  box-shadow: var(--pr-shadow-card-hover);
}

/* ---------- фокус с клавиатуры ---------- */
:focus-visible { outline: 2px solid var(--pr-dark); outline-offset: 3px; }
.pr-dark :focus-visible { outline-color: #FFFFFF; }

@media (prefers-reduced-motion: reduce) {
  .pr-card, .pr-btn, a { transition: none; }
  .pr-card:hover { transform: none; }
}