/* СГЕНЕРИРОВАНО design-system/tokens.py — руками не править */
/* Брейкпоинты: desktop ≤ 1020px, tablet ≤ 760px, phone ≤ 420px */
:root{
  --font-family: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display-size: clamp(38px, 5.6vw, 72px);
  --font-display-line: 1.0;
  --font-display-weight: 600;
  --font-display-tracking: -0.045em;
  --font-h1-size: clamp(30px, 4.2vw, 48px);
  --font-h1-line: 1.08;
  --font-h1-weight: 600;
  --font-h1-tracking: -0.03em;
  --font-h2-size: clamp(26px, 3.2vw, 40px);
  --font-h2-line: 1.15;
  --font-h2-weight: 600;
  --font-h2-tracking: -0.02em;
  --font-h3-size: 20px;
  --font-h3-line: 1.3;
  --font-h3-weight: 600;
  --font-h3-tracking: -0.01em;
  --font-body-size: 17px;
  --font-body-line: 1.6;
  --font-body-weight: 400;
  --font-lead-size: clamp(18px, 1.6vw, 20px);
  --font-lead-line: 1.55;
  --font-small-size: 15px;
  --font-small-line: 1.5;
  --font-caption-size: 13px;
  --font-caption-line: 1.4;
  --font-eyebrow-size: 12px;
  --font-eyebrow-weight: 700;
  --font-eyebrow-tracking: 0.08em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 104px;
  --section-y: clamp(56px, 7vw, 104px);
  --container: 1200px;
  --container-text: 760px;
  --gutter: 24px;
  --gutter-mobile: 16px;
  --radius-control: 999px;
  --radius-chip: 999px;
  --radius-small: 8px;
  --radius-tile: 16px;
  --radius-card: 24px;
  --radius-panel: 32px;
  --shadow-1: 0 1px 2px rgb(14 33 90 / 6%), 0 2px 8px rgb(14 33 90 / 4%);
  --shadow-2: 0 16px 36px rgb(31 94 255 / 12%);
  --shadow-3: 0 30px 70px rgb(14 33 90 / 16%);
  --shadow-cta: 0 12px 28px rgb(31 94 255 / 30%);
  --motion-fast: 180ms;
  --motion-ease: cubic-bezier(.2,.7,.3,1);
  --lift: -2px;
  --z-header: 50;
  --header-h: 68px;
  --icon: 24px;
  --color-bg: #F5F8FE;
  --color-surface: #FFFFFF;
  --color-surface-warm: #FFF5EC;
  --color-surface-sunken: #EDF1F8;
  --color-surface-brand: #EEF3FF;
  --color-surface-inverse: #0B1A44;
  --color-surface-vivid: #1F4FDB;
  --color-text: #0E1530;
  --color-text-muted: #5A6480;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #B9CCFF;
  --color-text-on-vivid: #FFFFFF;
  --color-text-on-vivid-muted: #D9E4FF;
  --color-border: #E1E6F0;
  --color-border-strong: #C6CDDD;
  --color-primary: #1F5EFF;
  --color-primary-hover: #1A3BA8;
  --color-primary-soft: #D9E4FF;
  --color-on-primary: #FFFFFF;
  --color-link: #1F5EFF;
  --color-accent: #B4480A;
  --color-accent-soft: #FFE7D4;
  --color-highlight: #FF8A3D;
  --color-on-highlight: #0E1530;
  --color-decor: #4B7DFF;
  --color-focus: #1F5EFF;
  --color-cta-bg: #FFFFFF;
  --color-cta-text: #1F4FDB;
  --color-yes: #1B6E45;
  --color-yes-bg: #E0F4E9;
  --color-no: #B3261E;
  --color-no-bg: #FDE6E3;
  --color-part: #83600F;
  --color-part-bg: #FCF1D2;
  --color-na: #5A6480;
  --color-na-bg: #EDF1F8;
  --color-dir-shkola: #1B5FD6;
  --color-dir-shkola-soft: #E6EEFF;
  --color-dir-doshkol: #A84A00;
  --color-dir-doshkol-soft: #FFEEDD;
  --color-dir-kolledzh: #6A3FE0;
  --color-dir-kolledzh-soft: #EEE8FF;
  --color-dir-vuz: #0B7363;
  --color-dir-vuz-soft: #DDF5EF;
  --color-dir-vzroslym: #B4235A;
  --color-dir-vzroslym-soft: #FFE6EF;
  --color-dir-dokumenty: #46557A;
  --color-dir-dokumenty-soft: #E8ECF5;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --color-bg: #0A0F1E;
    --color-surface: #111830;
    --color-surface-warm: #172042;
    --color-surface-sunken: #172042;
    --color-surface-brand: #172042;
    --color-surface-inverse: #172042;
    --color-surface-vivid: #1E3E9E;
    --color-text: #E8ECF6;
    --color-text-muted: #9AA6C4;
    --color-text-inverse: #E8ECF6;
    --color-text-inverse-muted: #9AA6C4;
    --color-text-on-vivid: #FFFFFF;
    --color-text-on-vivid-muted: #D9E4FF;
    --color-border: #263157;
    --color-border-strong: #9AA6C4;
    --color-primary: #7AA5FF;
    --color-primary-hover: #B9CCFF;
    --color-primary-soft: #263157;
    --color-on-primary: #0A0F1E;
    --color-link: #7AA5FF;
    --color-accent: #FFB27A;
    --color-accent-soft: #172042;
    --color-highlight: #FF8A3D;
    --color-on-highlight: #0A0F1E;
    --color-decor: #4B7DFF;
    --color-focus: #7AA5FF;
    --color-cta-bg: #FFFFFF;
    --color-cta-text: #1E3E9E;
    --color-yes: #E0F4E9;
    --color-yes-bg: #133A29;
    --color-no: #FDE6E3;
    --color-no-bg: #45201C;
    --color-part: #FCF1D2;
    --color-part-bg: #3A2E10;
    --color-na: #9AA6C4;
    --color-na-bg: #263157;
    --color-dir-shkola: #E6EEFF;
    --color-dir-shkola-soft: #172A55;
    --color-dir-doshkol: #FFEEDD;
    --color-dir-doshkol-soft: #3A2614;
    --color-dir-kolledzh: #EEE8FF;
    --color-dir-kolledzh-soft: #2A1F55;
    --color-dir-vuz: #DDF5EF;
    --color-dir-vuz-soft: #0F3530;
    --color-dir-vzroslym: #FFE6EF;
    --color-dir-vzroslym-soft: #3D1828;
    --color-dir-dokumenty: #E8ECF5;
    --color-dir-dokumenty-soft: #222A3D;
  }
}
:root[data-theme="dark"]{
  --color-bg: #0A0F1E;
  --color-surface: #111830;
  --color-surface-warm: #172042;
  --color-surface-sunken: #172042;
  --color-surface-brand: #172042;
  --color-surface-inverse: #172042;
  --color-surface-vivid: #1E3E9E;
  --color-text: #E8ECF6;
  --color-text-muted: #9AA6C4;
  --color-text-inverse: #E8ECF6;
  --color-text-inverse-muted: #9AA6C4;
  --color-text-on-vivid: #FFFFFF;
  --color-text-on-vivid-muted: #D9E4FF;
  --color-border: #263157;
  --color-border-strong: #9AA6C4;
  --color-primary: #7AA5FF;
  --color-primary-hover: #B9CCFF;
  --color-primary-soft: #263157;
  --color-on-primary: #0A0F1E;
  --color-link: #7AA5FF;
  --color-accent: #FFB27A;
  --color-accent-soft: #172042;
  --color-highlight: #FF8A3D;
  --color-on-highlight: #0A0F1E;
  --color-decor: #4B7DFF;
  --color-focus: #7AA5FF;
  --color-cta-bg: #FFFFFF;
  --color-cta-text: #1E3E9E;
  --color-yes: #E0F4E9;
  --color-yes-bg: #133A29;
  --color-no: #FDE6E3;
  --color-no-bg: #45201C;
  --color-part: #FCF1D2;
  --color-part-bg: #3A2E10;
  --color-na: #9AA6C4;
  --color-na-bg: #263157;
  --color-dir-shkola: #E6EEFF;
  --color-dir-shkola-soft: #172A55;
  --color-dir-doshkol: #FFEEDD;
  --color-dir-doshkol-soft: #3A2614;
  --color-dir-kolledzh: #EEE8FF;
  --color-dir-kolledzh-soft: #2A1F55;
  --color-dir-vuz: #DDF5EF;
  --color-dir-vuz-soft: #0F3530;
  --color-dir-vzroslym: #FFE6EF;
  --color-dir-vzroslym-soft: #3D1828;
  --color-dir-dokumenty: #E8ECF5;
  --color-dir-dokumenty-soft: #222A3D;
}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Onest';font-style:normal;font-weight:100 900;font-display:swap;src:url('/static/fonts/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}