/* ═══ Design tokens ═══
   Единственное место, где заданы цвета, шрифты и тайминги.
   Меняете палитру — меняете только этот файл. */

:root {
  /* Тёмная тема секций */
  --bg:      #0A0A0A;   /* основной фон тёмных секций */
  --card:    #161616;   /* приподнятые слои на тёмном */
  --line:    #2A2A2A;   /* границы и разделители на тёмном */
  --fg:      #F2F2F2;   /* основной текст на тёмном */
  --sub:     #9CA3AF;   /* вторичный текст на тёмном (контраст ≥ 4.5:1) */

  /* Светлая тема секций */
  --lbg:     #FFFFFF;   /* фон светлых секций */
  --lbg2:    #FAFAFA;   /* тёплый белый (секция контактов) */
  --lfg:     #111111;   /* основной текст на светлом */
  --lsub:    #525252;   /* вторичный текст на светлом */
  --lline:   #E5E5E5;   /* границы и разделители на светлом */
  --lline-2: #CFCFCF;   /* границы полей формы */

  --accent:  #E0E0E0;   /* единственный «акцент»: подсветка обводок при hover */

  /* Типографика */
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Сетка */
  --content-w: 1280px;  /* max-width контента */
  --gutter:    40px;    /* боковые поля десктопа */
  --gutter-sm: 26px;    /* боковые поля мобильного */
  --sec-pad:   140px;   /* вертикальные отступы секций */

  /* Движение */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .2s;
  --t-base: .3s;
  --t-slow: .5s;
}