/**
 * Zerkalo ProArt — design tokens (I.8 / P3.5)
 * Канон цветов/шрифтов для сайта. Подключать до page CSS.
 * Не дублировать «магические» hex в новых стилях — только var(--zp-*).
 */
:root {
  /* Brand */
  --zp-gold: #e5b95f;
  --zp-gold-hover: #f2c66b;
  --zp-figma-text: #414544;
  --zp-figma-purple: #3b135c;
  --zp-figma-btn-text: #311d65;
  --zp-nav-text: #3b135c;
  --zp-brand-muted: #3b135c;
  --zp-btn-text: #311d65;
  --zp-mock-gold-a: #e5b95f;
  --zp-mock-gold-b: #f2c66b;

  /* Surfaces */
  --zp-header-bg: rgba(255, 255, 255, 0.96);
  --zp-wave-purple: #1a1433;
  --zp-figma-faq-open: #e6eaff;
  --zp-figma-faq-closed: #f0f2f5;
  --zp-segment-accent: #886cce;
  --zp-segment-accent-hover: #7659b8;
  --zp-segment-track: #f0f2f5;

  /* Hero CTA */
  --zp-hero-cta-bg: #ffffff;
  --zp-hero-cta-color: #6440bf;
  --zp-hero-cta-radius: 12px;
  --zp-hero-cta-font: "Roboto", system-ui, sans-serif;
  --zp-hero-cta-fw: 500;

  /* Type */
  --zp-font-ui: "Nunito", system-ui, sans-serif;
  --zp-font-heading: "Nunito", system-ui, sans-serif;
  --zp-font-unchanged: "Manrope", "Inter", system-ui, sans-serif;

  /* Layout */
  --content-max: 1440px;
  --zp-space-1: 4px;
  --zp-space-2: 8px;
  --zp-space-3: 12px;
  --zp-space-4: 16px;
  --zp-space-5: 24px;
  --zp-radius-sm: 8px;
  --zp-radius-md: 12px;
  --zp-radius-lg: 16px;
}