/* ============================================================
   PODLEVSKIKH — БРЕНД-СЛОЙ (override для calc.podlevskikh.com)
   Тема поверх styles.css: тёплая бумага, антиква, ОДНО золото.
   Грузится ПОСЛЕ styles.css. Источник токенов: brand-layer.
   ============================================================ */

:root {
  /* — переопределяем палитру сайта (фиолетовый → золото) — */
  --primary:        #9A6A28;  /* было #6366f1 */
  --primary-light:  #B5853C;
  --primary-dark:   #7E551E;
  --secondary:      #9A6A28;  /* = primary → фиолетовые градиенты становятся сплошным золотом */
  --success:        #3E7D55;  --success-light: #4E9A6A;
  --danger:         #B0472F;
  --warning:        #B07A1E;
  --info:           #9A6A28;
  --dark:           #211D16;  /* тёплый почти-чёрный текст */
  --dark-light:     #6B6354;
  --light:          #FCF8F0;
  --gray-100:       #F7F1E5;
  --gray-200:       #E5DCC9;
  --gray-300:       #C7BCA6;

  /* — брендовые токены (для новых правил ниже) — */
  --paper:   #F7F1E5;  --paper-2: #FCF8F0;  --surface: #FFFFFF;
  --ink:     #211D16;  --ink-2:   #6B6354;  --ink-3:   #9A9182;
  --hairline:#E5DCC9;  --hairline-2:#D8CDB6;
  --gold:    #9A6A28;  --gold-deep:#7E551E;  --gold-tint:#EEE2C9; --gold-ink:#6E4A19;
  --navy:    #1C2536;  --navy-2:  #28324A;   --on-navy:#F3EEE2;   --on-navy-2:#A9B0C0;
  --ok-tint: #E4EFE6;  --warn-tint:#F3E8CE;  --stop-tint:#F3E1D9;
  --brand-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --brand-sans:  "Manrope", -apple-system, "Segoe UI", system-ui, sans-serif;
}

/* — фон и базовый шрифт (перебиваем правило * { font-family } ) — */
body { background: var(--paper) !important; color: var(--ink); }
body, body *:not(i):not([class*="icon"]):not([class*="material"]) {
  font-family: var(--brand-sans);
}

/* — заголовки → антиква — */
h1, h2, h3, h4, h5,
.calc-title, .result-title, .section-title, .card-title {
  font-family: var(--brand-serif) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

a { color: var(--gold-ink); }

/* ============================================================
   ШАПКА: фиолетовый градиент → тёплая бумага
   ============================================================ */
header {
  background: var(--paper-2) !important;
  color: var(--ink) !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid var(--hairline) !important;
}
header h1, header p, header summary, header .intro-lead { color: var(--ink); }
header p, header .intro-lead { color: var(--ink-2); }
@media print { header { background: var(--paper-2) !important; } }

/* EN/RU переключатель (бренд .lang-toggle) — на светлой шапке */
.lang-switcher {
  background: var(--surface);
  border: 1px solid var(--hairline-2);
  backdrop-filter: none;
}
.lang-btn { color: var(--ink-2); }
.lang-btn:hover { background: var(--gold-tint); color: var(--ink); }
.lang-btn.active { background: var(--ink); color: var(--paper-2); }

/* ============================================================
   КНОПКИ / CTA — сплошное золото
   ============================================================ */
.btn, button.btn, a.btn {
  background: var(--gold);
  color: var(--paper-2);
}
.btn:hover { background: var(--gold-deep); }

/* ============================================================
   ПОДЛОЖКИ-ПОДСКАЗКИ → gold-tint
   ============================================================ */
.tasks-hint, .intro-details, .info-box, .hint, .callout {
  background: var(--gold-tint);
  border-color: var(--hairline-2);
}

/* ============================================================
   ФУТЕР → общий navy
   ============================================================ */
.site-footer {
  background: var(--navy);
  color: var(--on-navy-2);
  margin-top: var(--s7, 48px);
  padding: 40px 16px 28px;
  border-radius: var(--radius, 12px);
}
.site-footer a { color: var(--on-navy); }
.site-footer a:hover { color: #fff; }
.site-footer .footer-copyright,
.site-footer .footer-requisites,
.site-footer .footer-contacts,
.site-footer .footer-pay-note { color: var(--on-navy-2); }
.site-footer .footer-legal { border-top-color: rgba(255,255,255,.12); }
#footer-author-link, .site-footer .footer-links a { color: #D9B477; }
