/* ═══════════════════════════════════════════════════════════════
   DARE — единственный источник цветов, шрифтов, ритма и движения.
   Правило проекта: :root правит только этот файл. Остальные файлы
   берут значения переменными, своих цветов не изобретают.
   ═══════════════════════════════════════════════════════════════ */

@import url('../assets/fonts/fonts.css');

:root {
  /* ── Тёмная сторона: бархат, тень, ночь ─────────────────────── */
  --ink:          #17100F;   /* почти чёрный с тёплым подтоном */
  --ink-2:        #241816;   /* бархат в тени */
  --ink-3:        #362426;   /* приподнятая поверхность на тёмном */
  --ink-veil:     rgba(23, 16, 15, .72);

  /* ── Светлая сторона: крем, бумага, пудра ───────────────────── */
  --cream:        #F8F2EA;   /* основной светлый фон */
  --cream-2:      #F0E5D9;   /* карточка на светлом */
  --cream-3:      #E4D5C7;   /* линии и рамки на светлом */

  /* ── Цвет бренда ────────────────────────────────────────────── */
  --blush:        #F3C2CE;   /* пудровый розовый — главный */
  --blush-soft:   #FAE3E8;
  --blush-deep:   #DE8DA6;
  --cherry:       #8E1230;   /* вишня — действие, цена, акцент */
  --cherry-soft:  #B23A54;
  --mint:         #A9D2CF;   /* мятный — второй акцент, редкий */
  --silver:       #CFC7BE;   /* стразы, бисер, тонкие линии */
  --lilac:        #C7B6DC;

  /* ── Текст ──────────────────────────────────────────────────── */
  --tx-dark:      #17100F;   /* на светлом фоне */
  --tx-dark-2:    rgba(23, 16, 15, .64);
  /* .62 и .52 ниже — не на глаз: при меньшей заливке микро-подписи
     не дотягивают до контраста 4.5:1 и на светлом, и на тёмном фоне */
  --tx-dark-3:    rgba(23, 16, 15, .62);
  --tx-light:     #F8F2EA;   /* на тёмном фоне */
  --tx-light-2:   rgba(248, 242, 234, .68);
  --tx-light-3:   rgba(248, 242, 234, .52);

  /* ── Шрифты ─────────────────────────────────────────────────── */
  --font-display: 'Cormorant', 'Times New Roman', serif;
  --font-script:  'Pinyon Script', 'Cormorant', cursive;
  --font-body:    'Manrope', -apple-system, 'Segoe UI', sans-serif;

  /* Размеры тянутся за шириной экрана — телефон обслуживается первым */
  --fs-hero:   clamp(3.2rem, 13vw, 11rem);
  --fs-h1:     clamp(2.4rem, 7vw, 5.5rem);
  --fs-h2:     clamp(1.9rem, 4.6vw, 3.4rem);
  --fs-h3:     clamp(1.3rem, 2.4vw, 1.9rem);
  --fs-lead:   clamp(1.05rem, 1.9vw, 1.35rem);
  --fs-body:   clamp(0.95rem, 1.35vw, 1.05rem);
  --fs-small:  0.875rem;
  --fs-label:  0.6875rem;   /* микро-подписи, всегда в разрядку */

  --lh-tight: 1.02;
  --lh-head:  1.12;
  --lh-body:  1.62;
  --ls-label: 0.18em;

  /* ── Ритм и сетка ───────────────────────────────────────────── */
  --pad-x:     clamp(1.25rem, 5vw, 5rem);
  --maxw:      86rem;
  --maxw-text: 44rem;
  --gap:       clamp(1rem, 2.4vw, 2rem);
  --sec-y:     clamp(5rem, 12vw, 11rem);

  --r-sm:  8px;
  --r-md:  16px;
  --r-lg:  26px;
  --r-pill: 999px;

  /* ── Тени: розоватые, мягкие, без серого ────────────────────── */
  --sh-sm: 0 2px 10px rgba(94, 40, 52, .08);
  --sh-md: 0 12px 34px rgba(94, 40, 52, .13);
  --sh-lg: 0 30px 70px rgba(94, 40, 52, .20);
  --sh-glow: 0 0 60px rgba(243, 194, 206, .35);

  /* ── Движение: одна физика на весь сайт ─────────────────────── */
  --ease:      cubic-bezier(.22, .61, .36, 1);   /* основная кривая */
  --ease-out:  cubic-bezier(.16, 1, .3, 1);      /* мягкий вылет */
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --d-micro: .22s;   /* наведение, нажатие */
  --d-fast:  .38s;
  --d-base:  .62s;   /* появление блока */
  --d-slow:  1.1s;   /* сцена */

  --z-scene: 1;
  --z-page:  10;
  --z-nav:   60;
  --z-modal: 90;
  --z-cursor: 120;
}

/* Читателю с отключённой анимацией сайт отдаёт то же содержание,
   только без движения — правило доступности, не украшение. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --d-micro: .01ms;
    --d-fast:  .01ms;
    --d-base:  .01ms;
    --d-slow:  .01ms;
  }
}