:root {
  /* === COLORS — романтическая blush-палитра ===
     (имена переменных сохранены для совместимости с разметкой;
      значения переопределены под розово-светлую тему) */
  --color-ink:        #3A2230;  /* глубокий винно-сливовый — основной текст */
  --color-ink-60:     rgba(58, 34, 48, 0.62);
  --color-ink-20:     rgba(58, 34, 48, 0.14);
  --color-ink-08:     rgba(58, 34, 48, 0.07);

  --color-sage:       #B0617C;  /* пыльно-розовый — лейблы, eyebrow, вторичное */
  --color-sage-dark:  #8E4A63;
  --color-sage-mist:  #E7A9BC;  /* нежно-розовый — декор, разделители */
  --color-sage-pale:  #FBDCE3;  /* focus-ring, мягкие подложки */

  --color-petal:      #FCE9E6;  /* blush — фон секций/карточек */
  --color-petal-deep: #F7D6D2;

  --color-bloom:      #C0365F;  /* малиновый — главный CTA/акцент */
  --color-bloom-hover:#A22A50;
  --color-gold:       #C99A5B;  /* тёплое золото — тонкий акцент */

  --color-paper:      #FFF7F4;  /* тёплый ivory — основной фон */
  --color-cream:      #FFFCFA;
  --color-white:      #FFFFFF;
  --color-error:      #C0392B;
  --color-success:    #4A8C5F;

  /* === TYPOGRAPHY === */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:    'Manrope', system-ui, sans-serif; /* лейблы — Manrope с трекингом */

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1.0625rem;  /* 17px */
  --text-lg:   1.375rem;   /* 22px */
  --text-xl:   2rem;       /* 32px */
  --text-2xl:  3rem;       /* 48px */
  --text-hero: 5.75rem;    /* 92px */

  /* === SPACING === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 88px;

  /* === BORDERS — мягкие, романтичные === */
  --radius-sm: 8px;
  --radius:    18px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --border:    1px solid var(--color-ink-20);

  /* === SHADOWS — розово-тонированные === */
  --shadow-sm: 0 2px 12px rgba(192, 54, 95, 0.07);
  --shadow:    0 14px 38px rgba(192, 54, 95, 0.12);
  --shadow-lg: 0 30px 70px rgba(192, 54, 95, 0.18);

  /* === TRANSITIONS === */
  --transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 520ms cubic-bezier(0.22, 1, 0.36, 1);

  /* === LAYOUT === */
  --container: 1280px;
  --header-height: 80px;
}