:root {
  /* ── New design tokens (Industrial / Construction-yard) ─────
        Короткие алиасы на theme.json presets. Источник истины — theme.json
        (изменишь там цвет/шрифт — обновится и здесь, и UI редактора). */
  --ink:        var(--wp--preset--color--ink);
  --ink-2:      var(--wp--preset--color--ink-2);
  --paper:      var(--wp--preset--color--paper);
  --paper-2:    var(--wp--preset--color--paper-2);
  --line:       var(--wp--preset--color--ink-2);
  --line-soft:  rgba(14,14,14,0.18);                         /* rgba — не из палитры */
  --orange:     var(--wp--preset--color--orange);
  --orange-deep:var(--wp--preset--color--orange-deep);
  --mark:       var(--wp--preset--color--mark);
  --steel-cool: var(--wp--preset--color--steel-cool);
  --good:       var(--wp--preset--color--good);

  --radius:     4px;
  --radius-lg:  6px;

  --font-ui:      var(--wp--preset--font-family--ui);
  --font-display: var(--wp--preset--font-family--display);
  --font-mono:    var(--wp--preset--font-family--mono);

  /* ── Misc / layout — оставлены те, что реально используются и не дублируют
        theme.json (тени, transition, контейнерные размеры, высота шапки). ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-xl:  0 16px 40px rgba(0,0,0,.14);

  --transition: 0.2s ease;

  --container-max: 1280px;
  --container-pad: 24px;

  --header-height: 72px;
}

@media (max-width: 768px) {
  :root { --header-height: 60px; --container-pad: 16px; }
}