/* ==== Palette (web3/crypto-punk, светлая) ==== */
:root{
  --river:#14b8a6;      /* основной акцент */
  --neon:#10e0b8;       /* доп. акцент */
  --fog-50:#f5f7fa;     /* фон секций */
  --fog-200:#e5eaef;    /* границы */
  --fog-600:#6b7280;    /* вторичный текст */
  --ink-900:#0f172a;    /* базовый текст */
}

/* Языковая видимость */
html[data-lang="ru"] .lang-en{display:none!important;}
html[data-lang="en"] .lang-ru{display:none!important;}

/* База + шрифты */
body{ background:var(--fog-50); color:var(--ink-900); font-family:"Manrope",system-ui,sans-serif; }
.section-title{ color:var(--ink-900); }
.section-eyebrow,.section-subtle{ color:var(--fog-600); }
/* Дисплейные шрифты только для EN */
html[data-lang="en"] .hero-title{ font-family:"Bowlby One",system-ui,sans-serif; letter-spacing:.2px; }
html[data-lang="en"] .section-title{ font-family:"Chango","Manrope",system-ui,sans-serif; }

/* Кнопки (добавляй эти классы к кнопкам) */
.btn-primary{
  background:var(--river); color:#06231f; border-radius:12px; padding:.75rem 1rem;
  font-weight:700; display:inline-block; text-decoration:none;
}
.btn-ghost{
  background:#fff; color:var(--ink-900); border:1px solid var(--fog-200);
  border-radius:12px; padding:.75rem 1rem; font-weight:700; display:inline-block; text-decoration:none;
}

/* Карточки (если блок позволяет задать класс элементу) */
.card{ background:#fff; border:1px solid var(--fog-200); border-radius:16px; padding:1rem; }
