/* ===== SLASH OVERLAY — тёмный дизайн-язык поверх design.css =====
   Подключать ПОСЛЕ design.css. Переопределяет переменные и ключевые блоки.
   Палитра: void #040406 · panel #0B0B10 · медь #CC9166 · Playfair Display */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bg:#040406;
  --card:#0B0B10;
  --card2:#101018;
  --ink:#F4F2ED;
  --ink2:#9A97A5;
  --ink3:#6B6878;
  --line:#161D33;
  --line2:#26263A;
  --blue:#CC9166;  --blue-d:#E5B98C;   /* медь вместо синего */
  --green:#CC9166; --green-d:#E5B98C;  /* медь вместо зелёного */
  --r-sm:12px; --r-md:14px; --r-lg:18px;
  --sh:0 0 0 1px var(--line);
  --sh-h:0 0 0 1px var(--line2),0 18px 40px rgba(0,0,0,.5);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter','Open Sans','Segoe UI',sans-serif;
}

html{background:var(--bg)}
body{background:var(--bg)!important;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}

/* ===== ШАПКА ===== */
.header{background:rgba(4,4,6,.88)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
.hnav{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}
.hnav::-webkit-scrollbar{display:none}
.logo{font-family:var(--serif)!important;font-weight:500!important;font-size:22px!important;letter-spacing:.01em;color:var(--ink)!important}
.logo-mark{background:transparent!important;border:1px solid var(--copper,#CC9166)!important;color:#E5B98C!important;font-family:var(--serif)!important;font-weight:600!important;border-radius:11px!important}
.hnav a{color:var(--ink2)!important;font-weight:500!important}
.hnav a:hover,.hnav a.active{color:var(--ink)!important;background:var(--card2)!important}
.hnav-drop{background:var(--card)!important;border:1px solid var(--line2)!important;box-shadow:0 18px 40px rgba(0,0,0,.55)!important}
.hnav-drop a:hover{background:var(--card2)!important;color:var(--ink)!important}
.h-btn{background:transparent!important;border:1px solid #3A3530!important;color:var(--ink)!important;border-radius:999px!important}
.h-btn:hover{border-color:#CC9166!important;color:#E5B98C!important;background:transparent!important}

/* ===== HERO / ЗАГОЛОВКИ ===== */
.hero{background:var(--bg)!important}
.hero h1,.h1,.pagehead h1{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:0!important}
.h1{color:var(--ink)!important}
.hero .sub,.sub{color:var(--ink2)!important}

/* ===== КАРТОЧКИ ===== */
.ucard{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important}
.ucard:hover{box-shadow:0 14px 34px rgba(0,0,0,.45)!important;border-color:var(--line2)!important}
.ucard *{color:inherit}

/* медь для цифр-ставок */
.ucard .rate,.ucard .rate b{color:#E5B98C!important}

/* зелёные/синие бейджи → медные контурные */
.badge,.tag,.pill{background:transparent!important;border:1px solid #3A3530!important;color:#E5B98C!important}
.badge-green,.badge-best,.b-best{background:rgba(204,145,102,.13)!important;border:1px solid rgba(204,145,102,.4)!important;color:#E5B98C!important}

/* ===== ОБЩИЕ БЛОКИ ===== */
.banner,.promo,.info-block,.note,.filter-bar,.calc-box,.box,
.section,.block-card,.side-card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink)}
select,input,textarea{background:var(--bg)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:10px}
select:focus,input:focus{outline:none;border-color:#CC9166!important}
input[type=range]{accent-color:#CC9166}
.btn-primary,.btn-calc,.btn-green{background:#CC9166!important;border:none!important;color:#0B0B10!important;font-weight:600!important}
.btn-primary:hover,.btn-calc:hover,.btn-green:hover{background:#E5B98C!important}
.btn-secondary,.btn-ghost{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink)!important}
table{color:var(--ink)}
th{color:var(--ink2)!important;font-weight:600!important}
td{border-color:var(--line)!important}
a{color:#E5B98C}
a:hover{color:#F0D3AE}
.footer,.foot{background:#07070A!important;border-top:1px solid var(--line)!important;color:var(--ink3)!important}
.footer a{color:var(--ink2)!important}

/* ===== ТИКЕР (вставляет slash.js) ===== */
.slash-ticker{border-bottom:1px solid var(--line);overflow:hidden;background:#0B0B10}
.slash-ticker-in{display:flex;gap:44px;padding:9px 0;width:max-content;animation:slash-tick 60s linear infinite}
@keyframes slash-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.slash-tk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-family:var(--sans)}
.slash-tk b{color:var(--ink);font-weight:600}
.slash-tk .up{color:#7FC98F}
.slash-tk .dn{color:#D98F8F}

/* таблицы-мониторинги */
.ledger,.monitor{background:var(--card);border:1px solid var(--line);border-radius:16px}
.ledger .best b,.monitor .best b{color:#E5B98C}

@media(max-width:760px){
  .slash-ticker-in{gap:32px}
}