/* Переменные дизайн-системы сети АСЦ. Источник правды — эта папка.
 *
 * Файл копируется в проект скриптом sync-brand.sh, а не подключается ссылкой:
 * продукты обязаны открываться офлайн, а CSP `default-src 'self'` не пустит
 * стиль с чужого домена.
 *
 * Правки — здесь. Разъехавшиеся копии в проектах приводить сюда, а не наоборот.
 * Обоснование значений и правила применения — design.md рядом.
 */

@font-face{font-family:'YS Text';src:url('fonts/ys-text-thin.woff2') format('woff2');
  font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'YS Text';src:url('fonts/ys-text-light.woff2') format('woff2');
  font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'YS Text';src:url('fonts/ys-text-regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'YS Text';src:url('fonts/ys-text-medium.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'YS Text';src:url('fonts/ys-text-bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

:root{
  /* поверхности */
  --paper:#F4F4F7; --surf:#FFFFFF; --surf2:#FAFAFB;
  --board:#17131F; --board2:#211B2C; --board-line:#312942;
  --line:#E5E4EA; --line2:#D4D2DC;

  /* текст */
  --ink:#191521; --ink2:#57525F; --ink3:#6E6979; --ink-inv:#F2F1F5;

  /* акцент — Alice's Soul, единственный фирменный цвет продуктов */
  --trace:#7137FF; --trace-soft:#F1EAFF; --trace-line:#DCCCFF; --trace-lit:#9B6BFF;

  /* состояния: контраст к фону не ниже 4.5:1 */
  --live:#15784B; --live-soft:#E4F5EE;
  --warn:#9A5E08; --warn-soft:#FBF1DF;
  --alert:#C13137; --alert-soft:#FCEAEA;

  --sans:'YS Text','Yandex Sans Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;

  --r:11px; --r-md:14px; --r-lg:22px;
  --shadow:0 1px 3px rgba(25,21,33,.05),0 8px 28px rgba(25,21,33,.07);
  --shadow-h:0 2px 6px rgba(25,21,33,.08),0 18px 44px rgba(113,55,255,.16);
}

/* Тёмная тема обязательна. Там, где скрипты запрещены (CSP `script-src 'none'`
   на id.alice-asc.ru), переключателя нет и работает только этот блок. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#121017; --surf:#1B1724; --surf2:#221C2E;
    --board:#0E0C13; --board2:#1A1522; --board-line:#2C2540;
    --line:#2E2739; --line2:#3B3349;
    --ink:#F2F1F5; --ink2:#A8A2B4; --ink3:#948DA0;
    --trace:#9B6BFF; --trace-soft:#261B3E; --trace-line:#44306B;
    --live:#3FCB92; --live-soft:#12301F;
    --warn:#E0A245; --warn-soft:#2E2210;
    --alert:#F0666D; --alert-soft:#331A1D;
    --shadow:0 2px 20px rgba(0,0,0,.28);
    --shadow-h:0 8px 40px rgba(0,0,0,.45);
  }
}

/* Явный выбор СВЕТЛОЙ темы. Нужен ровно затем, что блок выше — медиазапрос:
   на системно-тёмной машине он уже перекрасил :root, и переключатель продукта
   не может вернуть светлую тему одними псевдонимами — --paper к тому моменту
   тёмный. Значения обязаны совпадать с :root в начале файла. */
:root[data-theme="light"]{
  --paper:#F4F4F7; --surf:#FFFFFF; --surf2:#FAFAFB;
  --board:#17131F; --board2:#211B2C; --board-line:#312942;
  --line:#E5E4EA; --line2:#D4D2DC;
  --ink:#191521; --ink2:#57525F; --ink3:#6E6979; --ink-inv:#F2F1F5;
  --trace:#7137FF; --trace-soft:#F1EAFF; --trace-line:#DCCCFF; --trace-lit:#9B6BFF;
  --live:#15784B; --live-soft:#E4F5EE;
  --warn:#9A5E08; --warn-soft:#FBF1DF;
  --alert:#C13137; --alert-soft:#FCEAEA;
  --shadow:0 1px 3px rgba(25,21,33,.05),0 8px 28px rgba(25,21,33,.07);
  --shadow-h:0 2px 6px rgba(25,21,33,.08),0 18px 44px rgba(113,55,255,.16);
}

/* Тот же набор для явного выбора тёмной темы. Раньше его дописывал у себя каждый
   продукт с переключателем; держим здесь, чтобы копии не разъезжались. Значения
   обязаны совпадать с блоком выше — правятся только парой. */
:root[data-theme="dark"]{
  --paper:#121017; --surf:#1B1724; --surf2:#221C2E;
  --board:#0E0C13; --board2:#1A1522; --board-line:#2C2540;
  --line:#2E2739; --line2:#3B3349;
  --ink:#F2F1F5; --ink2:#A8A2B4; --ink3:#948DA0;
  --trace:#9B6BFF; --trace-soft:#261B3E; --trace-line:#44306B;
  --live:#3FCB92; --live-soft:#12301F;
  --warn:#E0A245; --warn-soft:#2E2210;
  --alert:#F0666D; --alert-soft:#331A1D;
  --shadow:0 2px 20px rgba(0,0,0,.28);
  --shadow-h:0 8px 40px rgba(0,0,0,.45);
}