/* Дизайн-токены: цвета, шрифты, отступы. Меняешь здесь — меняется весь сайт. */
:root {
  /* Цвета */
  --bg:            #f3f2f2;
  --ink:           #201e1d;
  --ink-2:         #2d2b2b;
  --ink-3:         #444141;
  --mute:          #605d5d;
  --line:          #d7d3d3;
  --line-strong:   #bab6b6;
  --accent:        #0088b0;
  --accent-hover:  #1186ac;
  --accent-ink:    #006786;
  --accent-tint:   #e9f8ff;
  --highlight:     #d6006c;
  --ph-a:          #eae9e9;
  --ph-b:          #e2e0e0;

  /* Шрифты */
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-mono:  ui-monospace, Menlo, monospace;

  /* Раскладка */
  --max-width:   1240px;
  --gutter:      clamp(20px, 5vw, 64px);
  --section-gap: clamp(80px, 10vw, 136px);
  --page-top:    clamp(48px, 7vw, 88px);
  --radius:      2px;
}