/* ═══════════════════════════════════════════════════════════════════════════
   Единственное место в продукте, где есть hex. Компоненты цветовых литералов
   не содержат.

   Поверхности, границы, чернила, мята и знак числа сняты с работающего
   app.hyperliquid.xyz и сверены с их продакшн-бандлом. Янтарь — единственное
   добавление: он объявлен в их теме как `yellow_100` и не рендерится у них ни
   разу, поэтому свободен под нашу «руку».
   ═══════════════════════════════════════════════════════════════════════════ */
/* Inter лежит у нас, а не приезжает с CDN: внешний запрос на рантайме — это
   и лишняя точка отказа, и утечка того, кто открыл терминал. Файлы уже
   сабсетнуты по азбукам, поэтому кириллица (7 КБ) грузится только тем, кому
   она нужна. Вес один — 400: жирности в системе нет, её роль играет ступень
   чернил. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  color-scheme: dark;

  /* ── ПОВЕРХНОСТИ ──────────────────────────────────────────────────────────
     Оболочка СВЕТЛЕЕ панелей, и это не описка. Панели разложены с зазором в
     три пикселя, в зазоре просвечивает оболочка, и шов читается светлой
     волосяной линией. Границ у панелей нет — шов и есть граница. Обычный
     тёмный интерфейс делает наоборот, отсюда и непохожесть.                */
  --shell: #1b2429;
  --pane: #0f1a1f;
  --bg: #0f1a1e;
  --inset: #273035;
  --hover: rgba(39, 48, 53, 0.42);

  /* ── ГРАНИЦЫ. Ровно три места: линейка под вкладками, рамка поля, рамка
     плавающей карточки. Больше нигде.                                      */
  --border: #273035;
  --border-hover: #9aa3a4; /* ховер и фокус поля — СЕРЫЙ, не мятный */
  --rule: #303030;
  --divider: rgba(255, 255, 255, 0.06);

  /* ── ЧЕРНИЛА. Пять ступеней. Затухание — сменой ступени, НИКОГДА opacity:
     прозрачность ломает контраст поверх подложек и даёт «полуготовый» вид. */
  --val: #ffffff;
  --text: #f6fefd;
  --sec: #d2dad7;
  --mut: #949e9c;
  --dis: #464e4d;

  /* ── ЗНАК ЧИСЛА. Единственная роль зелёного и красного во всём продукте.
     Отрицательное — РОЗОВОЕ: насыщенный красный оставлен деструктивным
     кнопкам и на данных не появляется никогда.                             */
  --up: #1fa67d;
  --up-hover: #2fb68d;
  --down: #ed7088;
  --down-hover: #fd8098;
  --long-pill: #0e3333;
  --short-pill: #34242e;

  /* ── АКЦЕНТ. Кнопка отправки, активная вкладка, ссылки, кольцо фокуса.
     Один насыщенный элемент на панель — не больше.                         */
  --acc: #50d2c1;
  --acc-bright: #97fce4;
  --acc-off: #17453f;
  --acc-pill: #0e3333;
  --acc-ink: #04060c;

  /* ── РУКА. Единственный смысл: это делает человек у букмекера. Ставка в
     книге, непокрытие, отметка. Второй канал — пунктир, чтобы читалось и
     без цвета.                                                             */
  --hand: #ffb648;
  --hand-pill: rgba(255, 182, 72, 0.13);
  --hand-line: rgba(255, 182, 72, 0.46);
  --hand-ink: #241704;

  /* ── ОПАСНО. Только необратимое: отмена всего, отключение кошелька,
     сброс статистики. На данных не появляется.                             */
  --risk: #d35a71;
  --risk-hover: #dd7789;
  --risk-off: #6a112f;

  /* ── СТАКАН. Прозрачность ровно .15; обе стороны растут слева направо от
     колонки цены, без зеркалирования.                                      */
  --depth-bid: #1fa67d;
  --depth-ask: #ed7088;
  --depth-alpha: 0.15;
  --flash-up: rgba(10, 153, 129, 0.2);
  --flash-down: #732a36;

  /* ── ШРИФТ. Одна гарнитура. Моноширинной в системе НЕТ: колонки чисел
     держатся на табличных цифрах, а не на второй гарнитуре.                */
  --f: "Inter", system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --num: lining-nums tabular-nums;

  /* ── КЕГЛИ. Рабочий один; остальные наперечёт и с назначенным смыслом.   */
  --t-nano: 10px;
  --t-micro: 11px;
  --t: 12px;
  --t-lg: 15px;
  --t-title: 20px;
  --t-alarm: 22px;
  --fw: 400;

  /* ── ГЕОМЕТРИЯ. Зазор между панелями — фирменный шов, а не отступ.       */
  --gap: 3px;
  --r-1: 5px;
  --r-2: 8px;
  --r-3: 12px;
  --shadow: none;

  /* ── ВЫСОТЫ И РИТМ.                                                      */
  --row: 23px;
  --row-gap: 2px;
  --ctl: 33px;
  --thumb: 29px;
  --tabs: 35px;
  --nav: 44px;
  --icon-btn: 32px;

  /* ── ДВИЖЕНИЕ. Данные не анимируются: порог материальности в `stream.ts`
     существует ровно затем, чтобы подпороговое дрожание было невидимым, и
     подсветка изменения воскресила бы его.                                 */
  --ease: ease-in-out;
  --d-instant: 0.1s;
  --d-micro: 0.12s;
  --d: 0.2s;
  --d-spatial: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --d-instant: 0ms;
    --d-micro: 0ms;
    --d: 0ms;
    --d-spatial: 0ms;
  }
}

:root {
  /* Прозрачные производные, которыми разметка пользуется для рамок и подложек.
     Держим их здесь, чтобы в компонентах не осталось ни одного rgba с числами. */
  --acc-line: rgba(80, 210, 193, 0.45);
  --acc-line-soft: rgba(80, 210, 193, 0.28);
  --up-line: rgba(31, 166, 125, 0.4);
  --up-soft: rgba(31, 166, 125, 0.09);
  --down-line: rgba(237, 112, 136, 0.42);
  --down-soft: rgba(237, 112, 136, 0.09);
  --risk-line: rgba(211, 90, 113, 0.45);
  --risk-soft: rgba(211, 90, 113, 0.1);
  --scrim: rgba(4, 7, 12, 0.62);
}