/* Фирменный вид Luna: чёрный с медью, тонкие линии, подписи капсом с разрядкой.
   Подключается последним и переопределяет прежние стили. Цвета — в tokens.css. */

/* ===== Общий тон: тоньше шрифт, плоские поверхности ===== */
.card-title, .modal-title, .section-title, .level-name, .profile-name { font-weight: 500; letter-spacing: 0; }
.page-title { font-weight: 400; letter-spacing: -.01em; }
.kpi-value, .topstat-value, .funnel-val, .calc-big, .hv-value, .estimate b { font-weight: 500; letter-spacing: 0; }
.land-head h2, .cta-band h2 { font-weight: 400; letter-spacing: -.01em; }
.hero h1 { font-weight: 300; letter-spacing: -.02em; }

.card, .table-card, .kpi, .step-card { border-width: .5px; }
.kpi:hover, .step-card:hover, .news-card:hover { transform: none; box-shadow: none; border-color: var(--primary); }

/* Подписи: капс с разрядкой, как слово LUNA */
.kpi-label, .topstat-label, .faq-cat, .calc-cap, .hv-label, .demo-ribbon {
  font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--text-3);
}
.data th { font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.nav-item .nav-label { letter-spacing: .01em; }
.logo-tag { background: transparent; border: .5px solid var(--border-strong); color: var(--primary); letter-spacing: .3em; font-weight: 500; }

/* ===== Кнопки ===== */
.btn { border-radius: var(--radius-m); font-weight: 500; letter-spacing: .02em; }
.btn-primary { box-shadow: none; }
.btn-outline { border-width: .5px; border-color: var(--border-strong); color: var(--primary); }
.btn-outline:hover:not(:disabled) { background: var(--primary-soft); border-color: var(--primary); }
.btn-soft { background: transparent; border: .5px solid var(--border-strong); color: var(--primary); }
.btn-soft:hover:not(:disabled) { background: var(--primary-soft); }
.btn-light { background: var(--primary); color: var(--primary-contrast); }
.btn-light:hover:not(:disabled) { background: var(--primary-hover); }
.btn-ghost-light { border: .5px solid var(--border-strong); color: var(--primary); }
.btn-ghost-light:hover:not(:disabled) { background: var(--primary-soft); }
.btn-danger { color: #fff; }

/* ===== Меню и значки ===== */
.nav-item[aria-current="page"] {
  background: var(--primary-soft); color: var(--primary); font-weight: 500; box-shadow: inset 0 0 0 .5px var(--border-strong);
}
.sidebar { border-right: .5px solid var(--border); background: var(--bg); }
.badge, .nav-badge { letter-spacing: .06em; }
.badge.primary, .nav-badge { background: transparent; border: .5px solid var(--border-strong); color: var(--primary); }
.collapse-btn, .foot-round, .foot-pill { border-width: .5px; box-shadow: none; }
.foot-bot, :root[data-theme="dark"] .foot-bot { background: var(--bg-soft-2); color: var(--primary); border: .5px solid var(--border-strong); }
.foot-bot:hover { background: var(--primary-soft); }

/* ===== Заливки, которые были фиолетовым градиентом: теперь медь ===== */
.kpi-accent { background: var(--bg-soft); border: .5px solid var(--primary); color: var(--text); box-shadow: none; }
.kpi-accent:hover { box-shadow: none; }
.kpi-accent .kpi-label { color: var(--primary); }
.kpi-accent .kpi-delta, .kpi-accent .kpi-delta.up, .kpi-accent .kpi-delta.down { color: var(--primary); }
.kpi-accent::after { display: none; }
.perk-ic, .level-moon { background: transparent; color: var(--primary); border: .5px solid var(--border-strong); box-shadow: none; }
.calc-result, .cta-band { background: var(--bg-soft); color: var(--text); border: .5px solid var(--border-strong); border-radius: var(--radius-xl); }
.calc-cap, .calc-lines span, .cta-band p { color: var(--text-2); }
.calc-lines > div { border-top: .5px solid var(--border); color: var(--text); }
.calc-big { color: var(--primary); }
.calc-moon { color: var(--primary); opacity: .08; }
.progress > i, .toprow-rev i { background: var(--primary); }
.avatar, .step-n, .step-icon, .method-ic, .contact-ic, .login-ic, .support-link .icon-wrap { background: transparent; border: .5px solid var(--border-strong); color: var(--primary); }
.step-num { color: var(--bg-soft-2); font-weight: 300; }

/* ===== Главный экран: чёрный, без фиолетовых туманностей ===== */
.hero-card {
  background: var(--bg-soft); color: var(--text); border: .5px solid var(--border-strong);
  border-radius: var(--radius-xl);
}
.hero-card::before { opacity: .35; }
.hero p, .hero-facts { color: var(--text-2); }
.hero-badge { background: transparent; border: .5px solid var(--border-strong); color: var(--primary); letter-spacing: .12em; font-weight: 500; }
.hv-moon { color: var(--primary); filter: none; opacity: .5; }
.hv-card { background: var(--bg-elev); border: .5px solid var(--border-strong); backdrop-filter: none; box-shadow: none; border-radius: var(--radius-l); }
.hv-link { color: var(--text); }
.hv-feed small { color: var(--text-3); }
.hv-delta, .hv-plus { color: var(--success); }

/* Поля ввода, меню, модальные окна */
input, select, textarea, .input, .select-btn { border-width: .5px; }
.modal, .popover, .toast, .support-card { border: .5px solid var(--border-strong); }
.modal { border-radius: var(--radius-xl); }
.support-fab { background: var(--bg-soft); color: var(--primary); border: .5px solid var(--border-strong); box-shadow: none; }
.support-fab:hover { transform: none; box-shadow: none; border-color: var(--primary); }
.range-thumb, input[type="range"]::-webkit-slider-thumb { border-color: var(--primary); background: var(--bg); }