/* Единый визуальный слой сайта «Первый ИИ». */
:root {
  --site-ink: #0d0d0c;
  --site-paper: #f2eddf;
  --site-gold: #d2b687;
  --site-gold-light: #e7cea5;
  --site-muted: #bdb8ae;
  --site-muted-strong: #f2eddf;
  --site-surface: #171717;
  --site-surface-light: #202020;
  --site-tech: #d2b687;
}
body { color: var(--site-paper); }
html, body {
  scrollbar-color: #d2b68740 #141414;
  scrollbar-width: thin;
}
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #141414; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background: #ffffff40;
  border: 1px solid #202020;
  border-radius: 5px;
}
html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: #d2b687; }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--site-tech);
  outline-offset: 3px;
}
.online, .status-online, .voice-status { color: var(--site-tech); }

/* На тёмных страницах вторичный текст не должен теряться, а карточки — сливаться
   в единое пятно. Эффект применяется ко всем страницам через общий слой. */
.sec-sub, .step p, .case-sub, .case-quote-source, .faq-a,
.cta .sub, .niche-card .niche-desc, .plan-month, .plan-sub,
.voice-price-sub, .voice-col-neg li, .form-note {
  color: var(--site-muted) !important;
}
.plan, .niche-card, .case, .compare-card, .faq-item,
.stage-card, .req-card, .limits-card, .lead-card, .post-card,
.case-r, .voice-card {
  background-color: var(--site-surface) !important;
}
.plan:hover, .niche-card:hover, .case:hover, .compare-card:hover,
.faq-item:hover, .post-card:hover, .case-r:hover, .voice-card:hover {
  background-color: var(--site-surface-light) !important;
}