/* Единственное место, где живут цвета, шрифты и шкалы этого проекта.
   В разметке и в app.css только var(--...). Причина не в красоте: страница,
   объявившая свой цвет на месте использования, не поедет за темой, и это
   заметит не проверка, а человек со светлой темой на телефоне.
   v2 (05.11.2026, ТЗ Саши G2-G4): система взята с утверждённого tickra3
   (tasks/2026-11-03-tickra2/new/static/style.css): тёплый тёмный фон, стекло,
   золото #f2a93b, текст Geologica, крупные числа Unbounded, кнопки капсулой.
   Решения о ПРИМЕНЕНИИ токенов в ../../DESIGN.md. */

@import url("../fonts.css");

:root {
  color-scheme: dark;
  /* ——— поверхности (tickra3: --bg, --bg-1..3) ——— */
  --bg-0: #08090b;
  --bg-1: #111317;
  --bg-2: #181a1f;
  --bg-3: #1d2026;
  --line: rgba(255, 240, 220, .08);
  --line-2: rgba(255, 240, 220, .16);
  --glass: rgba(255, 248, 236, .035);
  --glass-2: rgba(255, 248, 236, .06);
  --glass-hi: rgba(255, 248, 236, .07);

  /* ——— чернила (tickra3: --text, --text-dim, --text-mute) ——— */
  --ink-1: #f3eee6;
  --ink-2: #b7b0a5;
  --ink-3: #948e84;

  /* ——— бренд: акцент интерфейса, не знак результата ——— */
  --accent: #f2a93b;
  --accent-hi: #ffd28e;
  --accent-deep: #d97f28;
  --accent-ink: #f5b75a;
  --accent-tint: rgba(242, 169, 59, .12);
  --accent-line: rgba(242, 169, 59, .4);
  --accent-glow: rgba(242, 169, 59, .5);
  --on-accent: #1d1306;
  --grad-acc: linear-gradient(135deg, var(--accent-hi) 0%, var(--accent) 46%, var(--accent-deep) 100%);

  /* ——— три источника денег: порядок закреплён, не перекрашиваются ——— */
  --s1: #c58506;          /* ревшара биржи */
  --s2: #04a9a9;          /* биржевой копитрейдинг */
  --s3: #9b7fe2;          /* прямые подключения по API */
  --s1-tint: rgba(197, 133, 6, .16);
  --s2-tint: rgba(4, 169, 169, .16);
  --s3-tint: rgba(155, 127, 226, .16);

  /* ——— смысл результата: только про деньги (tickra3: --pos, --neg) ——— */
  --pos: #45d483;
  --neg: #ff6b6b;
  --pos-mark: #3fae6a;
  --neg-mark: #e56660;
  --warn: #f5c04a;
  --pos-tint: rgba(69, 212, 131, .14);
  --neg-tint: rgba(255, 107, 107, .14);
  --warn-tint: rgba(245, 192, 74, .13);

  /* ——— графики ——— */
  --grid: rgba(255, 240, 220, .06);
  --axis: #948e84;

  /* ——— тени и подложки ——— */
  --shadow-1: rgba(0, 0, 0, .55);
  --shadow-2: rgba(0, 0, 0, .35);
  --scrim: rgba(4, 5, 7, .6);
  --head-bg: rgba(8, 9, 11, .86);
  --gold-text: #ffd58a;
  --gold-deep: #8a5208;
  --gold-glow-soft: rgba(242, 169, 59, .35);
  /* фон превью логотипов: одинаковый в обеих темах, логотип проверяется на своём фоне */
  --pv-dark: #0c0d10;
  --pv-light: #f6f1e8;

  /* ——— шрифты: текст Geologica, крупные числа и заголовки Unbounded ———
     --f-mono оставлен именем для старого кода: это табличные цифры Geologica,
     моноширинного шрифта в хабе больше нет (G3, «шрифт комфортнее»). */
  --f-head: 'Unbounded', system-ui, sans-serif;
  --f-body: 'Geologica', system-ui, sans-serif;
  --f-mono: 'Geologica', system-ui, sans-serif;

  /* ——— шкалы ——— */
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 24px;
  --r-pill: 999px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 36px;
  --sp-7: 56px;
  --col: 1120px;           /* ширина колонки содержимого (G2: «колонка уже») */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .2s;
  --z-drawer: 60;
  --z-head: 40;
  --z-pop: 80;
  --z-tip: 90;
}

/* Светлая тема tickra3 (--l-*): тёплая бумага, не инверсия. */
[data-theme="light"] {
  color-scheme: light;
  --bg-0: #f3ede3;
  --bg-1: #fbf8f2;
  --bg-2: #f0e9dd;
  --bg-3: #fffdf9;
  --line: rgba(23, 20, 15, .1);
  --line-2: rgba(23, 20, 15, .2);
  --glass: rgba(23, 20, 15, .03);
  --glass-2: rgba(23, 20, 15, .05);
  --glass-hi: rgba(255, 255, 255, .6);

  --ink-1: #17140f;
  --ink-2: #4a443b;
  --ink-3: #635c52;

  --accent: #c27a14;
  --accent-hi: #e9a640;
  --accent-deep: #9a560b;
  --accent-ink: #8f500a;
  --accent-tint: rgba(194, 122, 20, .12);
  --accent-line: rgba(154, 86, 11, .4);
  --accent-glow: rgba(154, 86, 11, .25);
  --on-accent: #1d1306;

  --s1: #9c6904;
  --s2: #0b90a2;
  --s3: #7d5cc7;
  --s1-tint: rgba(156, 105, 4, .14);
  --s2-tint: rgba(11, 144, 162, .14);
  --s3-tint: rgba(125, 92, 199, .14);

  --pos: #116a3f;
  --neg: #c03838;
  --pos-mark: #1f8a52;
  --neg-mark: #c84444;
  --warn: #8a5208;
  --pos-tint: rgba(23, 120, 74, .12);
  --neg-tint: rgba(192, 56, 56, .11);
  --warn-tint: rgba(194, 122, 20, .15);

  --grid: rgba(23, 20, 15, .08);
  --axis: #635c52;

  --shadow-1: rgba(70, 48, 16, .2);
  --shadow-2: rgba(70, 48, 16, .1);
  --scrim: rgba(23, 20, 15, .35);
  --head-bg: rgba(243, 237, 227, .9);
  --gold-text: #8a5208;
  --gold-deep: #7a4806;
  --gold-glow-soft: rgba(154, 86, 11, .2);
}

/* ——— базовая рамка страницы ——— */
* { margin: 0; padding: 0; box-sizing: border-box; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  background: var(--bg-0);
  color: var(--ink-1);
  font-family: var(--f-body);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* 09.11.2026 (Саша: «поменяй шрифты»): шрифты сайта Tickra, но мелкий Unbounded убран.
   Широкий Unbounded только там, где он на tickra3: заголовок страницы, заголовки разделов и крупные
   числа. Заголовки карточек, подписи, таблицы и кнопки набраны Geologica: на 14-16 px он читается
   спокойнее и держит кириллицу и цифры ровно. */
h1, h2 {
  font-family: var(--f-head);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: balance;
}
h3, h4, .card h2 {
  font-family: var(--f-body);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.005em;
  text-wrap: balance;
}
p { text-wrap: pretty; }

a { color: inherit; text-decoration: none; }

:focus-visible {
  outline: 2px solid var(--accent-hi);
  outline-offset: 3px;
  border-radius: var(--r-s);
}

::selection { background: var(--accent); color: var(--on-accent); }

/* Числа табличные: колонка цифр остаётся колонкой без моноширинного шрифта.
   09.11 (пункт 3 Саши): число с валютой или процентом не рвётся на две строки. */
.num {
  font-family: var(--f-body);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  white-space: nowrap;
}
.nw { white-space: nowrap; }
/* Крупное число (tickra3 .dn) */
.dn {
  font-family: var(--f-head);
  font-weight: 600;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* 09.11 (пункт 8): в шапке меню настоящий логотип Tickra в своих цветах, тот же файл, что в «Логотипах»;
   золотой на тёмной теме, чёрный на светлой */
.brand-logo { display: block; width: 124px; height: auto; }
.brand-logo-l { display: none; }
[data-theme="light"] .brand-logo-d { display: none; }
[data-theme="light"] .brand-logo-l { display: block; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}