/* ============================================================
   DESIGN TOKENS — shared by index.html and about.html
   Values taken from the pages' own (identical) :root block —
   styles.css defines a separate, older token set that these two
   pages never actually use (see reorg audit notes).
   ============================================================ */
:root {
  --c-dark:     #FFFFFF;
  --c-accent:   #8DA585;
  --c-accent-hover: #6A7C64;
  --c-bg:       #FFFFFF;
  --c-text:     #30362E;
  --c-muted:    #5B6159;
  --c-white:    #FFFFFF;
  --c-w50:      rgba(48,54,46,0.5);
  --header-h:   calc(48px + clamp(24px, 1.875vw, 36px));
  --f:          'Inter', sans-serif;
  --r-card:     10px;
  --r-pill:     6px;
  --gutter:     clamp(20px, 9.375vw, 180px);
}

/* На мобильных все блоки свёрстаны по макету с ровными 20px по краям,
   а 9.375vw давали 30–36px: секции на .wrap стояли уже остальных.
   Приводим общий токен к тому же значению. */
@media (max-width: 767px) {
  :root { --gutter: 20px; }
}