/* Единый визуальный слой сайта «Первый ИИ». */
:root {
  --site-ink: #1a1714;
  --site-paper: #f0ece2;
  --site-gold: #b8a17a;
  --site-gold-light: #d4be96;
  --site-muted: #c8c1b5;
  --site-muted-strong: #d5cec1;
  --site-surface: #2d2821;
  --site-surface-light: #393128;
  --site-tech: #8fc9c2;
}
body { color: var(--site-paper); }
html, body {
  scrollbar-color: #8f7955 #171411;
  scrollbar-width: thin;
}
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #171411; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background: #8f7955;
  border: 1px solid #30271d;
  border-radius: 5px;
}
html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: #b8a17a; }
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;
}