/* ============================================================
   Дизайн-система платформы стажировок и практики — токены
   Цвета сэмплированы из логотипа и сайта Фонда «ЦСР «Северо-Запад»:
   navy #021F4E (корпус паруса и надписи), синий сайта #0089F7 (линии связи),
   парус #C0D6EA, красный #E8102E — ТОЛЬКО одно главное действие на экране
   и «сегодня» в траектории. Ошибки — --danger, не красный бренда.
   ============================================================ */

:root {
  /* бренд */
  --navy-950: #011633;
  --navy-900: #021F4E;
  --navy-800: #0A2A5E;
  --navy-700: #10336B;
  --navy-500: #3A5A92;
  --blue-600: #0089F7;
  --blue-700: #0070D6;
  --blue-200: #B9DCFB;
  --blue-100: #E2F0FD;
  --blue-50:  #F1F7FE;
  --sail-200: #C0D6EA;
  --sail-100: #E4EEF7;
  --red-600:  #E8102E;
  --red-700:  #C50D26;
  --red-100:  #FDE8EB;

  /* нейтральные */
  --ink:        #141820;
  --ink-soft:   #545B6B;
  --ink-faint:  #8A90A0;
  --paper:      #FBFBFC;
  --paper-2:    #F3F4F7;
  --paper-3:    #ECEEF2;
  --card:       #FFFFFF;
  --line:       #E4E6EB;
  --line-strong:#D2D5DC;
  --chip:       #E6E8EC;

  /* состояния */
  --ok:        #1F9D6B;
  --ok-bg:     #E6F4EE;
  --ok-ink:    #14684A;
  --warn:      #C98400;
  --warn-bg:   #FBF2DC;
  --warn-ink:  #7A5200;
  --danger:    #B3261E;
  --danger-bg: #FBEAE8;
  --info:      var(--blue-600);

  /* графики: палитра проверена validate_palette.js (CVD ΔE 11.7, контраст ≥ 3:1) */
  --viz-1: #0089F7;
  --viz-2: #6B4FBB;
  --viz-context: #A6ABB7;

  /* форма */
  --r-pill: 999px;
  --r-card: 22px;
  --r-card-sm: 16px;
  --r-control: 13px;
  --shadow-card: 0 1px 2px rgba(2, 31, 78, .04), 0 8px 24px -12px rgba(2, 31, 78, .10);
  --shadow-pop: 0 18px 50px -18px rgba(2, 31, 78, .35), 0 2px 6px rgba(2, 31, 78, .06);
  --shadow-lift: 0 30px 70px -30px rgba(2, 31, 78, .38);
  --ring: 0 0 0 3px rgba(0, 137, 247, .18);

  /* движение */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --d-fast: 180ms;
  --d-base: 280ms;
  --d-slow: 480ms;
  --d-hero: 1400ms;

  /* типографика */
  --font-body: "Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Onest", "Golos Text", system-ui, sans-serif;
  --fs-body: 16px;
  --lh-body: 1.55;

  /* каркас */
  --content-w: 1200px;
  --pad-x: clamp(16px, 4vw, 48px);
  --header-h: 72px;
  --sidebar-w: 268px;

  /* слои */
  --z-header: 50;
  --z-sidebar: 60;
  --z-drawer: 90;
  --z-modal: 100;
  --z-toast: 120;
  --z-tour: 130;
}

/* «Меньше анимации»: переключатель в настройках и системная настройка
   дают один эффект — линии и переходы мгновенные. */
:root[data-motion="off"] {
  --d-fast: 1ms;
  --d-base: 1ms;
  --d-slow: 1ms;
  --d-hero: 1ms;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="on"]) {
    --d-fast: 1ms;
    --d-base: 1ms;
    --d-slow: 1ms;
    --d-hero: 1ms;
  }
}