/* ============================================================
   MiraStreet — база: шрифты, палитра, сброс, курсор.
   Эстетика консолей начала 2000-х: чёрный + бордовый,
   серебристые рамки, округлый техно-шрифт Play.
   ============================================================ */

/* --- Шрифты (самохост) --- */
@font-face {
  font-family: "Play";
  src: url("../assets/fonts/play-400-cyr.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Play";
  src: url("../assets/fonts/play-400-lat.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "Play";
  src: url("../assets/fonts/play-700-cyr.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Play";
  src: url("../assets/fonts/play-700-lat.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: "PT Mono";
  src: url("../assets/fonts/ptmono.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "TT2020";
  src: url("../assets/fonts/tt2020.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

/* --- Палитра и общие переменные --- */
:root {
  --bg-0: #0b0b0d;            /* самый тёмный фон */
  --bg-1: #141416;            /* фон панелей-вставок */
  --accent: #7a1826;          /* бордовый акцент (из v1) */
  --accent-hi: #8a1e2d;       /* бордовый посветлее — ховеры, свечения */
  --accent-lo: #6e1423;       /* бордовый потемнее */
  --silver: #8f8f94;          /* вторичный текст, рамки */
  --silver-hi: #c9c9cc;       /* светлое серебро */
  --text: #f2f2f2;            /* основной текст */
  --panel-bg: rgba(10, 10, 12, 0.82);
  --panel-border: rgba(201, 201, 204, 0.28);
  --font-sys: "Play", "Segoe UI", sans-serif;   /* «система»: заголовки, кнопки */
  --font-mono: "PT Mono", monospace;            /* длинные тексты, формы */
  --font-type: "TT2020", "PT Mono", monospace;  /* машинопись: манифест, ценники */
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  overflow: hidden; /* скроллятся только панели разделов */
}

body {
  background: var(--bg-0);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
button { font-family: inherit; color: inherit; background: none; border: none; }
a { color: var(--silver-hi); }

/* --- Кастомный курсор: серебристая стрелка с тёмной обводкой --- */
@media (hover: hover) and (pointer: fine) {
  body {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M5 2 L5 17 L9 13.6 L11.4 19 L14 17.9 L11.6 12.6 L16.6 12.6 Z" fill="%23c9c9cc" stroke="%230b0b0d" stroke-width="1.3" stroke-linejoin="round"/></svg>') 5 2, default;
  }
  a, button, label, select, summary, [role="button"] {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M5 2 L5 17 L9 13.6 L11.4 19 L14 17.9 L11.6 12.6 L16.6 12.6 Z" fill="%23c9c9cc" stroke="%230b0b0d" stroke-width="1.3" stroke-linejoin="round"/><circle cx="17.5" cy="4.5" r="3" fill="%238a1e2d" stroke="%230b0b0d" stroke-width="1"/></svg>') 5 2, pointer;
  }
  input[type="text"], input:not([type]), textarea { cursor: text; }
}

/* --- Тонкие тёмные скроллбары внутри панелей --- */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(143, 143, 148, 0.4) transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb {
  background: rgba(143, 143, 148, 0.35);
  border-radius: 4px;
}
*::-webkit-scrollbar-track { background: transparent; }

/* --- hidden всегда сильнее любых display-правил (урок из v1) --- */
[hidden] { display: none !important; }