/* Токены дизайн-системы и шрифты.
   Источник — docs/redesign/canvas/_head.part. Тёмная тема переопределяет те же
   переменные, разметка при смене темы не меняется.
   Владелец — блок A (контракты). Файл заморожен. */

/* ---- Шрифты (self-hosted, woff2, кириллица + латиница) ----
   Golos Text и JetBrains Mono с fonts.gstatic.com — переменные шрифты, поэтому
   один файл подсети покрывает весь диапазон начертаний: диапазон в дескрипторе
   font-weight прижимает ось wght к нужному значению. */

@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/golos-text-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/golos-text-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/golos-text-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/golos-text-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---- Светлая тема (основная) ---- */
:root {
  --font-ui: 'Golos Text', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* Стиль 2 «Тонированный холст» (plan2.md §4, docs/redesign/canvas2/_head.part
     блок .s2/.s2.dark) — прохладная сине-серая подкраска, панели-«стёкла». */
  --bg: #E9EEF4;
  --surface: #FBFCFE;
  --surf2: #EAEFF5;
  --surf3: #DCE4EE;
  --line: #DCE3EC;
  --line2: #BFCAD9;
  --ink: #0E1319;
  --ink2: #38424F;
  /* Затемнён против canvas2/_head.part (#67717F): на `--surf2` тот давал
     4.28 при пороге плана §4 «≥ 4.5 на --surface и --surf2 в обеих темах»
     (находка 6 ревью второй итерации). #5C6572 держит 5.10 на --surf2,
     5.75 на --surface и 4.60 даже на --surf3. */
  --ink3: #5C6572;
  --ink4: #95A0AE;
  --accent: #E11D34;
  --accent2: #B71428;
  --accentSoft: #FCE7EA;
  --violet: #6A44E0;
  --violetSoft: #EFEAFC;
  --ok: #0D7A52;
  --okSoft: #E3F3EC;
  --warn: #9E5A00;
  --warnSoft: #FBF0DA;
  --err: #C11F33;
  --errSoft: #FCE8EB;
  --info: #1D5FD1;
  --infoSoft: #E7EFFD;
  /* жёлтая метка тайм-кода на шкале плеера */
  --mark: #F0C05A;
  /* подложка чипа найденного тайм-кода — единственный оттенок метки, который
     нужен как фон под текстом */
  --markSoft: #F6DFB4;

  --sh1: 0 1px 2px rgba(20, 32, 48, .05);
  --sh2: 0 8px 22px -12px rgba(20, 32, 48, .20);
  --sh3: 0 30px 70px -20px rgba(10, 18, 30, .46);

  /* тёмная подложка тоста и подсказки — одинакова в обеих темах */
  --overlay: rgba(14, 17, 22, .72);
  --dark-surface: #111418;
  --on-dark: #FFFFFF;

  /* видеообласть плеера — всегда тёмная, как у самого YouTube, вне зависимости
     от темы приложения (блок G, §4.6 плана) */
  --stage-bg: #0B0E13;
  --video-bg: #000000;

  /* браузерный макет окна входа (.signin-window) — фиксированная тёмная
     «хром»-панель настоящего окна, не меняется вместе с темой приложения */
  --chrome-bg: #0E1116;
  --chrome-bar-bg: #1D222A;
  --chrome-bar-border: #2A3038;
  --chrome-dot: #3C434D;
  --chrome-text: #8B95A1;
  --chrome-note: #69737F;
  --chrome-screen-bg: #F3F5F7;

  /* цвет иконки тоста на тёмной подложке .toast — не тема, а смысл сообщения,
     значение одно и то же в обеих темах */
  --toast-ok-ic: #4ADE80;
  --toast-err-ic: #FF8A96;
  --toast-info-ic: #8FB8FF;

  color-scheme: light;
}

/* ---- Тёмная тема ---- */
html[data-theme="dark"] {
  --bg: #0B0F15;
  --surface: #151B23;
  --surf2: #1B222C;
  --surf3: #242C38;
  --line: #242C37;
  --line2: #38434F;
  --ink: #EDF1F6;
  --ink2: #C0C9D4;
  --ink3: #8A94A1;
  --ink4: #68727E;
  --accent: #FF4258;
  --accent2: #FF6577;
  --accentSoft: #37181E;
  --violet: #9B7BFF;
  --violetSoft: #241D3D;
  --ok: #35B98A;
  --okSoft: #10261E;
  --warn: #E0A33A;
  --warnSoft: #2A2113;
  --err: #FF5C6E;
  --errSoft: #33161B;
  --info: #6AA1FF;
  --infoSoft: #13223B;
  --markSoft: #3B2E12;
  --chrome-screen-bg: #05070A;

  --sh1: 0 1px 2px rgba(0, 0, 0, .5);
  --sh2: 0 8px 22px -8px rgba(0, 0, 0, .66);
  --sh3: 0 28px 64px -18px rgba(0, 0, 0, .8);

  --dark-surface: #262C36;

  color-scheme: dark;
}