:root {
  /* Высота шапки и якоря (desktop / mobile задаётся в mobile.css) */
  --header-height: 70px;
  --header-height-mobile: calc(56px + env(safe-area-inset-top, 0px));
  --scroll-anchor-gap: 12px;
  --scroll-anchor-offset: calc(var(--header-height) + var(--scroll-anchor-gap));

  /* Брейкпоинты (для справки в комментариях; в @media — литералы) */
  --bp-mobile: 768px;
  --bp-mobile-sm: 480px;

  /* Цвета */
  --bee-yellow: #feda6a;
  --silver-fox: #d4d4dc;
  --matte-grey: #393f4d;
  --dark-slate: #1d1e22;
  --darker-slate: #121317;
  --text-light: #f5f5f7;
  --text-muted: #a1a1a6;
  --gold-accent: #fad768;

  /* Тени */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.5);
  --shadow-md: 0 5px 15px rgba(0,0,0,0.3);
  --shadow-lg: 0 15px 35px rgba(0,0,0,0.4);

  /* Анимации */
  --transition: all 0.3s ease;

  /* Формы */
  --skew-deg: 20deg;
  --skew-height: 150px;
  --skew-color: var(--darker-slate);
}