/* Сгенерировано из tokens.json — единственный источник значений. Переменные не переименовывать. */
:root {
  --color-background: #FAF8F5;
  --color-surface: #FFFFFF;
  --color-surfaceWarm: #F7F3EE;
  --color-textPrimary: #1C1B1A;
  --color-textSecondary: #5C5A58;
  --color-textMuted: #9B9893;
  --color-textOnAccent: #FFFFFF;
  --color-accentCoral: #FF5A3C;
  --color-accentCoralDark: #E9472E;
  --color-accentCoralSoft: #FFE3DC;
  --color-border: #DED9D3;
  --color-divider: #D4CFC8;
  --color-metadata: #A29E99;
  --color-overlayDark: #1C1B1AAA;
  --color-photoBeforeNeutral: #8D8881;
  --color-photoBeforeWarm: #B79B78;
  --color-successCheck: #FF5A3C;

  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', system-ui, sans-serif;
  --weight-serifRegular: 400;
  --weight-sansRegular: 400;
  --weight-sansMedium: 500;
  --weight-sansSemibold: 600;
  --size-displayXl: 112px;
  --size-displayLg: 96px;
  --size-displayMd: 72px;
  --size-sectionHeading: 42px;
  --size-cardHeading: 24px;
  --size-bodyLarge: 22px;
  --size-body: 18px;
  --size-bodySmall: 16px;
  --size-label: 15px;
  --size-metadata: 13px;
  --size-micro: 11px;
  /* Добавлены с согласия пользователя (2026-09-04): компенсация ширины Playfair/Inter к шрифту референса */
  --size-logo: 50px;
  --size-nav: 19px;
  --size-statValue: 28px;
  --lh-display: 0.92;
  --lh-heading: 1.05;
  --lh-body: 1.45;
  --lh-label: 1.2;
  --lh-micro: 1.1;
  --ls-display: -0.025em;
  --ls-body: 0em;
  --ls-metadata: 0.08em;
  --ls-micro: 0.12em;

  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-22: 88px;
  --space-24: 96px;
  --space-28: 112px;

  --layout-gridColumns: 12;
  --layout-pageGutterPx: 88px;
  --layout-contentMaxWidthPx: 1504px;
  --layout-columnGapPx: 32px;
  --layout-cardGapPx: 34px;
  --layout-sectionRulePx: 1px;
  --layout-verticalRailWidthPx: 32px;

  --radius-card: 12px;
  --radius-photo: 12px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-badge: 7px;
  --radius-pill: 18px;
  --radius-avatar: 999px;

  --border-hairline: 1px solid #D4CFC8;
  --border-card: 1px solid #DED9D3;
  --border-accent: 1px solid #FF5A3C;
  --border-dropzone: 1px dashed #5C5A58;

  --shadow-card: 0 8px 24px rgba(28, 27, 26, 0.10);
  --shadow-photo: 0 12px 28px rgba(28, 27, 26, 0.14);
  --shadow-button: 0 4px 12px rgba(255, 90, 60, 0.18);
}