/* Токены Vkladka. Файл собирается Инструменты/собрать_токены.py —
   правится генератор, а не этот файл. Один :root на всё приложение:
   раньше их было девять, и значение зависело от порядка правил.
   Шрифт лежит рядом файлами: панель обязана открываться без сети. */

@font-face{font-family:Manrope;font-style:normal;font-weight:300 800;font-display:swap;src:url('шрифт/manrope-cyr.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:300 800;font-display:swap;src:url('шрифт/manrope-lat.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --bg:#FBFBFC;
  --bg-2:#F4F5F7;
  --card:#FFFFFF;
  --card-solid:#FFFFFF;
  --topbar:rgba(251,251,252,.92);
  --control:#FFFFFF;
  --control-hover:#F4F5F7;
  --line:rgba(16,19,25,.18);
  --line-strong:rgba(16,19,25,.48);
  --text:#1B2029;
  --muted:#636B7A;
  --soft:#98A0AE;
  --accent:#2F6BFF;
  --accent-2:#1F52D6;
  --accent-3:#E6EDFF;
  --accent-soft:#F2F6FF;
  --ink-on-accent:#FFFFFF;
  --btn:#2C67FA;
  --btn-hover:#1F52D6;
  --tab-label:#3D4453;
  --tab-active:#1F52D6;
  --mark-1:#1F52D6;
  --mark-2:#137A60;
  --mark-3:#8A6531;
  --mark-4:#A64C46;
  --mark-5:#5B4B8A;
  --mark-6:#1E6B7A;
  --good:#137A60;
  --good-fill:#22D3A6;
  --warn:#8A6531;
  --warn-fill:#A97C3C;
  --bad:#A64C46;
  --bad-fill:#B0544E;
  --good-soft:#EFF9F4;
  --warn-soft:#FBF4E9;
  --bad-soft:#FBEEED;
  --preview:#0E0F12;
  --preview-text:#F2F4F8;
  --shadow:0 1px 2px rgba(16,19,25,.05),0 8px 24px rgba(16,19,25,.05);
  --shadow-strong:0 12px 36px rgba(16,19,25,.10);
  --radius:14px;
  --radius-sm:11px;
  --radius-xs:8px;
  --radius-pill:999px;
  --radius-badge:8px;
  --radius-circle:50%;

  /* шкала размеров: других значений в интерфейсе быть не должно */
  --fs-12:12px;
  --fs-13:13px;
  --fs-14:14px;
  --fs-15:15px;
  --fs-20:20px;
  --fs-26:26px;
  --r-xs:8px;
  --r-sm:10px;
  --r:14px;
  --r-pill:999px;
  --h-btn:38px;
  --h-btn-sm:32px;
  --h-field:38px;
  --h-topbar:52px;
  --h-nav:54px;
  --pad-screen:14px;

  /* имена эпохи ΩMEGA — только ссылки на действующие токены */
  --omega-paper:var(--bg);
  --omega-paper-2:var(--bg-2);
  --omega-card:var(--card);
  --omega-ink:var(--text);
  --omega-muted:var(--muted);
  --omega-soft:var(--soft);
  --omega-line:var(--line);
  --omega-line-strong:var(--line);
  --omega-travertine:var(--accent-3);
  --omega-travertine-deep:var(--accent-2);
  --omega-travertine-wash:var(--accent-soft);
  --omega-success:var(--good);
  --omega-warn:var(--warn);
  --omega-danger:var(--bad);
  --omega-info:var(--accent);
  --cta:var(--btn);
  --cta-hover:var(--btn-hover);
  --cta-text:var(--ink-on-accent);
  --accent-ink:var(--muted);
  --line-strong:var(--line);
  --ui-canvas:var(--bg);
  --ui-ink:var(--text);
  --ui-border:var(--line);
  --ui-border-strong:var(--line);
  --ui-cta:var(--btn);
  --ui-cta-hover:var(--btn-hover);
}

/* Единственное объявление шрифта на всё приложение. Кнопки и поля
   шрифт не наследуют — поэтому перечислены явно. */
html,body,button,input,textarea,select{font-family:Manrope,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}

/* Тёмная тема. Порядок важен: сначала системная, потом явный выбор,
   иначе переключатель не смог бы перебить настройку системы. */
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0E0F12;
  --bg-2:#1D1F23;
  --card:#16171B;
  --card-solid:#16171B;
  --topbar:rgba(14,15,18,.92);
  --control:#1D1F23;
  --control-hover:#262A31;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.34);
  --text:#F2F4F8;
  --muted:#9AA3B2;
  --soft:#767E8C;
  --accent:#2F6BFF;
  --accent-2:#8FB2FF;
  --accent-3:#2C3355;
  --accent-soft:#1A1F33;
  --ink-on-accent:#FFFFFF;
  --btn:#2C67FA;
  --btn-hover:#1F52D6;
  --tab-label:#C3CAD8;
  --tab-active:#8FB2FF;
  --mark-1:#1F52D6;
  --mark-2:#137A60;
  --mark-3:#8A6531;
  --mark-4:#A64C46;
  --mark-5:#5B4B8A;
  --mark-6:#1E6B7A;
  --good:#22D3A6;
  --good-fill:#22D3A6;
  --warn:#C79B57;
  --warn-fill:#A97C3C;
  --bad:#CB6A63;
  --bad-fill:#B0544E;
  --good-soft:#12241F;
  --warn-soft:#241E14;
  --bad-soft:#241717;
  --preview:#090B0F;
  --preview-text:#EEF2F6;
  --shadow:0 1px 2px rgba(0,0,0,.40),0 8px 24px rgba(0,0,0,.35);
  --shadow-strong:0 2px 4px rgba(0,0,0,.45),0 14px 34px rgba(0,0,0,.40);
  --radius:14px;
  --radius-sm:11px;
  --radius-xs:8px;
  --radius-pill:999px;
  --radius-badge:8px;
  --radius-circle:50%;
  }
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E0F12;
  --bg-2:#1D1F23;
  --card:#16171B;
  --card-solid:#16171B;
  --topbar:rgba(14,15,18,.92);
  --control:#1D1F23;
  --control-hover:#262A31;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.34);
  --text:#F2F4F8;
  --muted:#9AA3B2;
  --soft:#767E8C;
  --accent:#2F6BFF;
  --accent-2:#8FB2FF;
  --accent-3:#2C3355;
  --accent-soft:#1A1F33;
  --ink-on-accent:#FFFFFF;
  --btn:#2C67FA;
  --btn-hover:#1F52D6;
  --tab-label:#C3CAD8;
  --tab-active:#8FB2FF;
  --mark-1:#1F52D6;
  --mark-2:#137A60;
  --mark-3:#8A6531;
  --mark-4:#A64C46;
  --mark-5:#5B4B8A;
  --mark-6:#1E6B7A;
  --good:#22D3A6;
  --good-fill:#22D3A6;
  --warn:#C79B57;
  --warn-fill:#A97C3C;
  --bad:#CB6A63;
  --bad-fill:#B0544E;
  --good-soft:#12241F;
  --warn-soft:#241E14;
  --bad-soft:#241717;
  --preview:#090B0F;
  --preview-text:#EEF2F6;
  --shadow:0 1px 2px rgba(0,0,0,.40),0 8px 24px rgba(0,0,0,.35);
  --shadow-strong:0 2px 4px rgba(0,0,0,.45),0 14px 34px rgba(0,0,0,.40);
  --radius:14px;
  --radius-sm:11px;
  --radius-xs:8px;
  --radius-pill:999px;
  --radius-badge:8px;
  --radius-circle:50%;
}