/* =====================================================================
   Almond · Обучение — токены дизайн-системы «Знание».
   :root перенесён из design/HANDOFF-студент-10-14.md дословно.
   Рисовать ТОКЕНАМИ, не хексами: перекраска палитры = правка значений здесь.
   Тема одна, светлая. Тёмной темы в системе нет.
   ===================================================================== */

:root{
  color-scheme:light;
  /* база */
  --bg:#F7F8FA; --card:#FFFFFF; --card-sub:#FBFCFD;
  --ink:#1B2A41; --mut:#5A6B82; --faint:#8A99AD;
  --hair:#E8EDF3; --line:#D8E0EA; --soft:#EFF3F8;

  /* тёмная навигация — главное отличие от кабинета */
  --nav:#0B1D35; --nav-2:#132B4A; --on-nav:#FFFFFF; --nav-active:#295CC9;

  /* акцент */
  --acc:#295CC9; --acc-2:#1E49A8; --on-acc:#FFFFFF;
  --acc-hov-bg:#E8EFFC; --acc-hov-bord:#A9C2EE;
  --acc-soft:color-mix(in srgb,var(--acc) 10%,var(--card));

  /* небесный: герои программ, крупные плитки */
  --sky:#61A9FE; --sky-2:#3E90F5;
  --sky-soft:color-mix(in srgb,var(--sky) 14%,var(--card));

  /* экран входа */
  --enter-grad:linear-gradient(140deg,#0B1D35 0%,#153965 55%,#295CC9 100%);
  --glass:rgba(255,255,255,.14); --blur:blur(18px) saturate(140%);

  /* семантика */
  --ok:#00C875;     --ok-ink:#178556;
  --warn:#FDAB3D;   --warn-ink:#C47E17;
  --fire:#E8442A;   --fire-ink:#C93A20;
  --late:#D6336C;
  --work:var(--acc);
  --review:#7B61FF; --review-ink:#5B45CC;
  --ok-soft:color-mix(in srgb,var(--ok) 11%,var(--card));
  --warn-soft:color-mix(in srgb,var(--warn) 14%,var(--card));
  --fire-soft:color-mix(in srgb,var(--fire) 10%,var(--card));
  --review-soft:color-mix(in srgb,var(--review) 12%,var(--card));

  /* палитра данных */
  --chart-1:#295CC9; --chart-1-pale:#C6D8F6; --chart-2:#9DBCEB;

  --ring-c:var(--acc);
  --font:"Manrope",system-ui,-apple-system,sans-serif;

  /* заведено в заходе C (студент) */
  --lms-canvas:#E7ECF3;
  --lms-hatch:repeating-linear-gradient(45deg,#DEE6F0 0 4px,#EFF3F8 4px 8px);
  --lms-locked-ink:#7C8CA0;

  /* шкалы: радиусы */
  --r-micro:6px; --r-ctl:9px; --r-fld:11px; --r-inner:12px;
  --r-card:14px; --r-panel:18px; --r-phone:26px; --r-pill:999px;

  /* шкалы: кегли */
  --t-caps:10.5px; --t-caps-2:11px; --t-service:12px; --t-dense:13px;
  --t-dense-2:13.5px; --t-body:14px; --t-sub:15px; --t-panel:17px;
  --t-h1-mobile:19px; --t-screen:22px; --t-hero:30px;

  /* шкалы: отступы, сетка 4px */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:28px; --s8:32px;

  /* контролы */
  --h-nav:56px; --h-ctl:36px; --h-ctl-lg:40px; --h-ctl-xl:44px; --h-touch:44px;
  --w-work:1140px; --w-phone:390px; --w-outline:300px; --w-text:720px;

  /* тени */
  --sh-rest:0 1px 3px rgba(11,29,53,.05);
  --sh-card:0 6px 16px rgba(11,29,53,.07);
  --sh-acc:0 5px 12px rgba(41,92,201,.28);
  --sh-phone:0 12px 30px rgba(11,29,53,.12);

  /* движение: только фон, рамка, цвет; 120–150 ms */
  --dur-fast:120ms; --dur:150ms; --ease:cubic-bezier(.2,.6,.3,1);
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-size:var(--t-body);
  font-weight:400;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}

img,svg,video{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--acc);text-decoration:none}

:focus-visible{outline:2px solid var(--ring-c);outline-offset:2px;border-radius:var(--r-micro)}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}