/* Дизайн-токены SkyID.
   Взяты из UI Kit платформы SkyTrainer (Figma «Sky платформа»), но акцент заменён
   на зелёный: в макете «Выберите тип входа» синий закреплён за B2B-входом
   для сотрудников, зелёный - за личным SkyID. Продукт отделяется в том числе цветом. */

:root {
  /* Акцент SkyID (B2C) */
  --brand:            #0E8A5F;
  --brand-hover:      #0B7350;
  --brand-press:      #095C40;
  --brand-soft:       #E6F5EF;
  --brand-border:     #B7E3D1;

  /* Синий - наследие корпоративной платформы. Оставлен только для ссылок
     и для явного перехода «я сотрудник компании». */
  --corp:             #2563EB;
  --corp-soft:        #EAF1FE;

  /* Фиолетовый - прогресс и аналитика (радар навыков, графики) */
  --accent:           #4F46E5;
  --accent-soft:      #EDEBFD;

  /* Нейтральные */
  --bg:               #F7F8FA;
  --surface:          #FFFFFF;
  --surface-alt:      #FBFCFD;
  --border:           #EAECF0;
  --border-strong:    #D0D5DD;

  --text:             #101828;
  --text-secondary:   #475467;
  --text-muted:       #667085;
  --text-disabled:    #98A2B3;
  --text-inverse:     #FFFFFF;

  /* Статусы */
  --success:          #12B76A;
  --success-soft:     #E7F8F0;
  --warning:          #F79009;
  --warning-soft:     #FEF3E2;
  --danger:           #F04438;
  --danger-soft:      #FEECEB;
  --info:             #2E90FA;
  --info-soft:        #E7F2FE;

  /* Пастельные плитки каталога (как в библиотеке тренировок B2B) */
  --tile-pink:        #FDE8EC;
  --tile-blue:        #DCEBF9;
  --tile-yellow:      #FDF0D5;
  --tile-violet:      #EDE9FE;
  --tile-green:       #D6F5E5;
  --tile-orange:      #FEEFDC;
  --tile-gray:        #F1F2F4;

  /* Типографика */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, Arial, sans-serif;

  --fs-display: 34px;
  --fs-h1:      28px;
  --fs-h2:      22px;
  --fs-h3:      18px;
  --fs-body:    15px;
  --fs-sm:      13px;
  --fs-xs:      12px;

  --lh-tight:   1.2;
  --lh-normal:  1.45;

  /* Скругления и тени */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;
  --r-full: 999px;

  --sh-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --sh-md: 0 4px 12px rgba(16, 24, 40, .07);
  --sh-lg: 0 12px 32px rgba(16, 24, 40, .10);

  /* Сетка */
  --sidebar-w: 244px;
  --header-h:  64px;
  --gap:       20px;
  --page-max:  1180px;
}

/* Тёмная тема пока не проектировалась в Figma - здесь только защита от
   системной инверсии, чтобы прототип не разъезжался. */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light; }
}