:root {
  /* Цвета: бренд */
  --primary: #e60023;
  --primary-pressed: #cc001f;
  --on-primary: #ffffff;

  /* Цвета: поверхности */
  --canvas: #ffffff;
  --surface-soft: #fbfbf9;
  --surface-card: #f6f6f3;
  --secondary-bg: #e5e5e0;
  --secondary-pressed: #c8c8c1;
  --surface-dark: #262622;

  /* Цвета: текст */
  --ink: #000000;
  --ink-soft: #211922;
  --body: #33332e;
  --mute: #62625b;
  --ash: #91918c;
  --stone: #c8c8c1;
  --on-dark: #ffffff;

  /* Цвета: линии */
  --hairline: #dadad3;
  --hairline-soft: #e5e5e0;

  /* Цвета: фокус */
  --focus-outer: #435ee5;
  --focus-inner: #ffffff;

  /* Радиусы: в системе ровно три значения */
  --r-md: 16px;
  --r-lg: 32px;
  --r-full: 9999px;

  /* Отступы: база 8px */
  --s-xxs: 4px;
  --s-xs: 6px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 24px;
  --s-xxl: 32px;
  --s-section: 64px;

  /* Типографика */
  --font: "Inter", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-display-xl: 70px;
  --fs-display-lg: 44px;
  --fs-heading-xl: 28px;
  --fs-heading-lg: 22px;
  --fs-heading-md: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12px;

  /* Ширина контента */
  --container: 1280px;
}