/* ============================================================================
   restyle.css — ДОРАБОТКА облика (не редизайн). Подключён ПОСЛЕ etalon/oldbk.
   1) Настоящие шрифты PT (self-host, CSP-безопасно).
   2) Окна мягче: скругление, тени, блик — цвета те же.
   3) Тёмная тема = палитра «Подвала» (только цвета; раскладка/позиции те же).
   Полный откат = убрать <link ... restyle.css> из index.html. ЭТАЛОН не тронут.
   ============================================================================ */

/* ---------- self-host PT (ParaType — под кириллицу, OFL) ---------- */
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptserif-cyrillic-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptserif-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ptserif-cyrillic-700.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ptserif-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptsans-cyrillic-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptsans-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ptsans-cyrillic-700.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ptsans-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'PT Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptmono-cyrillic-400.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ptmono-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}

/* ---------- шрифты в токены игры + мягче окна (СВЕТЛАЯ = цвета эталона) ---------- */
:root{
  --et-font-display:'PT Serif',Georgia,'Times New Roman',serif;
  --et-font-body:'PT Sans',Arial,Helvetica,'Segoe UI',sans-serif;
  --et-font-mono:'PT Mono','Courier New',monospace;
  --radius:6px; --radius-sm:4px;                       /* было 3/2 — мягче */
  --shadow:0 2px 6px rgba(30,25,20,.12), 0 10px 24px rgba(30,25,20,.06);
}

/* цифры/данные — моноширинным (разный стиль текста) */
.hpbar__label,.dock__clock,.dock__time,.stat-row__val,.kv__v,.charp__val,.mpbar__label{font-family:var(--et-font-mono)}

/* окно-панель: мягче рамка + деликатный верхний блик (оттенки прежние) */
.panel{border-color:color-mix(in srgb,var(--border) 76%,#fff);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.55)}
.panel__title{letter-spacing:.1px}
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}          /* лёгкий объём обычным кнопкам */
.field__input{border-color:color-mix(in srgb,var(--border) 80%,#fff)}

/* =====================================================================
   ТЁМНАЯ ТЕМА = «ПОДВАЛ» — переопределяем базу --et-* (downstream следует)
   + литеральные токены, что etalon задал не через --et-*. Раскладка та же.
   ===================================================================== */
:root[data-mode="dark"]{
  color-scheme:dark;
  /* поверхности */
  --et-page:#100f14; --et-work:#16141b; --et-paper:#221e2c; --et-paper-edge:#3a3350;
  --et-ink:#ece9f5; --et-ink-dim:#a49fbb;
  /* смысловые */
  --et-head:#e0a04a;                 /* заголовки/титулы — янтарь «Подвала» */
  --et-link:#7fb0ff; --et-link-2:#c9c2dc; --et-win:#43c07d; --et-loss:#e0596a; --et-draw:#8b83a0;
  /* золото */
  --et-gold-hi:#e7c157; --et-gold-mid:#b98f2c; --et-gold-lo:#7c611a;
  --et-gold-ink:#f0d488; --et-gold-ink-dim:#e6d1a0; --et-gold-ink-hover:#ffe9ad; --et-clock:#e7c157;
  /* полосы */
  --et-hp-1:#7ee65a; --et-hp-2:#2f9a1d; --et-mp-1:#59a7e8; --et-mp-2:#2565b8;
  --et-stam-1:#46c8d0; --et-stam-2:#2a86c4; --et-bars-edge:#0b0912;
  /* камень-шапка (подвал) — тёмные плиты вместо серых */
  --et-stone:
    radial-gradient(140px 40px at 12% 30%, rgba(255,255,255,.05), transparent 60%),
    radial-gradient(180px 50px at 55% 70%, rgba(0,0,0,.35), transparent 60%),
    radial-gradient(120px 36px at 85% 25%, rgba(255,255,255,.04), transparent 60%),
    repeating-linear-gradient(97deg, #16131f 0 26px, #110f18 26px 54px, #191624 54px 92px),
    #131019;
  --et-stone-edge-top:#2b2740; --et-stone-edge-bot:#050409;
  --et-stone-ink:#e9dcbb; --et-chat-bg:#17131f; --et-chat-tabs:#241f30; --et-chat-edge:#3a3350; --et-chat-time:#43c07d;
  --et-nick-1:#e0a04a; --et-nick-2:#7fb0ff; --et-nick-3:#c98ac9;
  /* слоты/кукла/портрет */
  --et-slot-1:#2a2536; --et-slot-2:#221e2c; --et-slot-edge:#3a3350; --et-slot-ico:#6f6788;
  --et-plate-1:#2c2740; --et-plate-2:#221e2c; --et-plate-edge:#3a3350; --et-plate-1-h:#352f4a; --et-plate-2-h:#282338;
  --et-portrait-bg:#0c0a12; --et-portrait-edge:#3a3350;
  --et-panocap-1:#2a2536; --et-panocap-2:#221e2c; --et-panocap-edge:#3a3350;

  /* --- литеральные токены etalon (не через --et-) --- */
  --bg-2:#1e1a26; --panel-2:#2a2536; --top-a:#12111a; --top-b:#08070d; --top-ink-dim:#8b83a0;
  --panel-head:#2a2536; --online-bg:#241a24; --online-edge:#3a3350; --sys-dim:#6f6788;
  --link-hover:#9cc3ff; --danger:#e0596a; --accent-ink:#fff5f5;
  --shadow:0 4px 14px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.4);
}
/* блик панели/кнопок в тёмной — тоньше */
:root[data-mode="dark"] .panel{box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.05); border-color:#3a3350}
:root[data-mode="dark"] .btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
:root[data-mode="dark"] .field__input{background:#2a2536; color:var(--et-ink); border-color:#3a3350}
:root[data-mode="dark"] .field__input::placeholder{color:color-mix(in srgb,var(--et-ink-dim) 80%,transparent)}

/* --- заплатки известных «светлых» хардкодов под тёмную --- */
:root[data-mode="dark"] .screen--arena .arena__list{background:var(--et-paper);border-color:var(--et-paper-edge)}
:root[data-mode="dark"] .screen--arena .arena__row{border-color:color-mix(in srgb,var(--et-paper-edge) 70%,transparent)}
:root[data-mode="dark"] .screen--arena .arena__row:nth-child(even){background:color-mix(in srgb,#fff 4%,transparent)}
:root[data-mode="dark"] .stats2--stack .anketa-stats + .anketa-stats{border-top-color:#3a3350}
:root[data-mode="dark"] .anketa-stats__cap{color:var(--et-ink-dim)}