/* Дизайн-токены. Источник — memory-bank/figma/design-tokens.json.
   Правки только из Figma-дампа, не «на глаз». */

:root {
  /* --- Цвет --- */
  --c-text: #2a3138;
  --c-text-secondary: #747474;
  --c-text-muted: #6d7278;
  --c-ink: #030306;
  --c-on-dark: #ffffff;

  --c-brand: #35a2ab;
  --c-brand-soft: #cee6e9;
  --c-brand-pale: #dbedee;
  --c-brand-tint: #c4e2e5;

  --c-accent: #db643e;
  --c-warm-dark: #474241;

  --c-surface: #ffffff;
  --c-surface-alt: #f4f4f4;
  --c-border: #c0c2c4;

  /* --- Шрифты ---
     SF Pro Text из макета заменён на Inter: лицензия Apple не разрешает
     веб-хостинг. На Apple-устройствах -apple-system подхватит родной SF. */
  --f-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --f-text: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter',
    system-ui, 'Segoe UI', sans-serif;

  /* --- Радиусы --- */
  --r-xs: 4px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-hero: 80px;
  --r-pill: 999px;

  /* --- Сетка ---
     Макет 1920 px, контент-контейнер 1688 px, hero-плашка 1880 px
     (по 20 px воздуха слева и справа). */
  --w-design: 1920px;
  --w-content: 1688px;
  --pad-page: 20px;
  --pad-header: 96px;
  --pad-hero: 222px; /* левый отступ текста внутри hero-плашки */
}