@charset "UTF-8";
/* Единственный источник переменных дизайна. Правится только здесь.
   Подключается первым, до всех остальных css. */

:root {
  /* нейтраль */
  --n950: #080A0E;
  --n900: #0C0F14;
  --n850: #11151C;
  --n800: #161B23;
  --n750: #1C222C;
  --n700: #242C38;
  --n600: #333D4D;
  --n500: #4A5666;
  --n400: #6E7A8C;
  --n300: #8B96A5;
  --n200: #AEB7C4;
  --n100: #E8ECF2;
  --n0:   #FFFFFF;

  /* действие */
  --acc:      #C5F02B;
  --acc-hi:   #D9FF56;
  --acc-lo:   #9FC71E;
  --on-acc:   #0B0F04;
  --acc-soft: rgba(197,240,43,.10);
  --acc-line: rgba(197,240,43,.34);

  /* смысл */
  --ok:   #37C46D;
  --warn: #F0B429;
  --bad:  #E6482E;
  --info: #3AA0FF;
  --ok-soft:   rgba(55,196,109,.12);
  --warn-soft: rgba(240,180,41,.12);
  --bad-soft:  rgba(230,72,46,.12);
  --info-soft: rgba(58,160,255,.12);

  /* секционные оттенки: иконка, полоска активного пункта, линия под заголовком, точка бейджа */
  --s-search: #C5F02B;
  --s-lib:    #3AA0FF;
  --s-hero:   #9B7BFF;
  --s-coach:  #F0B429;
  --s-quiz:   #22C7B8;

  /* шрифты */
  --f-disp: 'Oswald', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --f-num:  'Oswald', system-ui, sans-serif;

  /* размеры */
  --fs-d1: 40px;
  --fs-d2: 30px;
  --fs-h1: 23px;
  --fs-h2: 18px;
  --fs-b:  14px;
  --fs-s:  12.5px;
  --fs-xs: 11px;

  /* радиусы */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-pill: 999px;

  /* отступы */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* тени */
  --el1: 0 1px 2px rgba(0,0,0,.32);
  --el2: 0 8px 24px rgba(0,0,0,.44);
  --el3: 0 24px 64px rgba(0,0,0,.56);

  /* оболочка и ширина */
  --side-w: 236px;
  --top-h:  56px;
  /* Высота подвала. Одно число на два подвала: нижний блок сайдбара и подвал
     страницы. Пока они равны, их линии стоят на одном уровне. */
  --foot-h: 62px;
  --wrap:   1760px;
  /* Ширина колонки контента. 1760 — это ВЕСЬ разворот вместе с сайдбаром, поэтому
     шапка, контент и подвал считают её за вычетом сайдбара: слева от контента
     остаётся воздух, справа столько же. Сайдбара нет (мобилка, юр. страницы) —
     колонка равна всему развороту, это переопределяется в app.css. */
  --col:    calc(1760px - 236px);
  --gut:    32px;
  --wrap-legal: 720px;
  --measure: 78ch;
}