/* Токены beta — ОДИН источник значений для приложения и гайдлайна (дизайн-аудит 23.09, B01).
   Шрифты, фирменный жёлтый, поверхности и стекло, текст, состояния, радиусы, тени — светлая и тёмная тема.
   Приложение: theme.css → tokens.css → liquid.css → components.css → экраны. Гайдлайн: tokens.css + components.css.
   Пути шрифтов — относительно этого файла. */

@font-face {
  font-family: 'T-Sans';
  src: url('assets/fonts/T-Sans_Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'T-Sans';
  src: url('assets/fonts/T-Sans_Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'T-Sans';
  src: url('assets/fonts/T-Sans_Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
:root{--font:'T-Sans',-apple-system,BlinkMacSystemFont,"Segoe UI","Arial",sans-serif}

@font-face{font-family:'Manrope';src:url('assets/fonts/Manrope-cyrillic.woff2') format('woff2');font-weight:400 800;font-display:swap;
 unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';src:url('assets/fonts/Manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2190-21BB,U+2212}

:root{
  /* фирменное */
  --yellow:#FFDD2D; --yellow-hover:#F2CF14; --on-accent:#111214;
  /* поверхности */
  --bg:#EEF1F4; --surface:#FFFFFF; --surface-2:rgba(255,255,255,.72); --surface-3:rgba(255,255,255,.52);
  --glass:rgba(255,255,255,.52); --glass-edge:rgba(255,255,255,.75); --glass-hi:rgba(255,255,255,.9);
  --matte:rgba(255,255,255,.72); --chip:rgba(255,255,255,.4); --block-fill:rgba(255,255,255,.3); --inner:rgba(255,255,255,.18); --stripe:rgba(17,18,20,.045);
  --border:rgba(17,18,20,.08); --border-2:rgba(17,18,20,.14); --border-focus:#111214;
  /* текст */
  --text-primary:#111214; --text-secondary:#5E6068; --text-tertiary:#666870; --text-soft:#9496A0;
  /* состояния */
  --danger:#E5484D; --danger-text:#C0353A; --success:#2E9E5B; --success-text:#247C48;
  /* форма */
  --radius-xs:9px; --radius-sm:12px; --radius-md:14px; --radius-lg:16px; --radius-xl:22px; --radius-pill:999px;
  --shadow-sm:0 1px 3px rgba(17,18,20,.06);
  --shadow-md:0 10px 30px rgba(17,18,20,.08),0 1px 3px rgba(17,18,20,.06);
  --shadow-lg:0 18px 44px rgba(17,18,20,.14);
  --glass-blur:18px;   /* запечено (п. 20, владелец 24.09): ползунков размытия больше нет */
  --font-num:'Manrope',var(--font);
  --bg-ribbon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2270%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.38%22%3E%3Cpath%20d%3D%22M-200%20700%20C%20300%20700%20500%20200%20900%20250%20S%201500%20600%201800%20300%22%20stroke%3D%22%23FFD84A%22%20stroke-width%3D%22260%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M-200%20150%20C%20400%20100%20900%20500%201800%20850%22%20stroke%3D%22%23AEB3BD%22%20stroke-width%3D%22180%22%20fill%3D%22none%22%20opacity%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E0F11; --surface:#24252A; --surface-2:rgba(20,21,24,.72); --surface-3:rgba(26,27,31,.55);
  --glass:rgba(26,27,31,.55); --glass-edge:rgba(255,255,255,.10); --glass-hi:rgba(255,255,255,.12);
  --matte:rgba(20,21,24,.72); --chip:rgba(255,255,255,.05); --block-fill:rgba(255,255,255,.05); --inner:rgba(0,0,0,.12); --stripe:rgba(255,255,255,.05);
  --border:rgba(255,255,255,.08); --border-2:rgba(255,255,255,.14); --border-focus:#E8E8EC;
  --text-primary:#F2F3F5; --text-secondary:#A4A6AF; --text-tertiary:#9497A2; --text-soft:#6E707A;
  --success:#3DBD70;
  --shadow-sm:0 1px 3px rgba(0,0,0,.4);
  --shadow-md:0 10px 30px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.4);
  --shadow-lg:0 18px 44px rgba(0,0,0,.55);
  --bg-ribbon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2270%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M-200%20700%20C%20300%20700%20500%20200%20900%20250%20S%201500%20600%201800%20300%22%20stroke%3D%22%236E5A0E%22%20stroke-width%3D%22260%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M-200%20150%20C%20400%20100%20900%20500%201800%20850%22%20stroke%3D%22%232C2F36%22%20stroke-width%3D%22180%22%20fill%3D%22none%22%20opacity%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E");
}}
[data-theme="dark"]{
  --bg:#0E0F11; --surface:#24252A; --surface-2:rgba(20,21,24,.72); --surface-3:rgba(26,27,31,.55);
  --glass:rgba(26,27,31,.55); --glass-edge:rgba(255,255,255,.10); --glass-hi:rgba(255,255,255,.12);
  --matte:rgba(20,21,24,.72); --chip:rgba(255,255,255,.05); --block-fill:rgba(255,255,255,.05); --inner:rgba(0,0,0,.12); --stripe:rgba(255,255,255,.05);
  --border:rgba(255,255,255,.08); --border-2:rgba(255,255,255,.14); --border-focus:#E8E8EC;
  --text-primary:#F2F3F5; --text-secondary:#A4A6AF; --text-tertiary:#9497A2; --text-soft:#6E707A;
  --success:#3DBD70;
  --shadow-sm:0 1px 3px rgba(0,0,0,.4);
  --shadow-md:0 10px 30px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.4);
  --shadow-lg:0 18px 44px rgba(0,0,0,.55);
  --bg-ribbon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22b%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22160%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2270%22/%3E%3C/filter%3E%3C/defs%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M-200%20700%20C%20300%20700%20500%20200%20900%20250%20S%201500%20600%201800%20300%22%20stroke%3D%22%236E5A0E%22%20stroke-width%3D%22260%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M-200%20150%20C%20400%20100%20900%20500%201800%20850%22%20stroke%3D%22%232C2F36%22%20stroke-width%3D%22180%22%20fill%3D%22none%22%20opacity%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E");
}