/* ============================================================
   ER Flowers · Design Tokens
   Palitra logodan götürülüb: bordo + qızıl + çəhrayı / krem fon
   ============================================================ */
:root {
  /* — Səthlər / fon — */
  --cream:      #faf6f0;
  --cream-2:    #f4ecdf;
  --cream-3:    #ece0cf;
  --white:      #ffffff;

  /* — Mətn — */
  --ink:        #2a201d;
  --ink-2:      #6c6056;
  --ink-3:      #9b9087;

  /* — Brend rəngləri — */
  --wine:       #7d2935;
  --wine-deep:  #5f1c27;
  --wine-soft:  #9c4450;
  --gold:       #b08a4f;
  --gold-soft:  #cda86f;
  --rose:       #d98ea0;
  --blush:      #f1ddd9;
  --blush-2:    #f7ebe6;
  --sage:       #8a9a7b;

  /* — Xətlər — */
  --line:       rgba(125, 41, 53, 0.16);
  --line-soft:  rgba(42, 32, 29, 0.10);
  --line-gold:  rgba(176, 138, 79, 0.40);

  /* — Kölgələr — */
  --shadow-sm:  0 2px 8px rgba(74, 30, 30, 0.06);
  --shadow-md:  0 10px 30px rgba(74, 30, 30, 0.10);
  --shadow-lg:  0 24px 60px rgba(74, 30, 30, 0.16);
  --shadow-card:0 18px 44px rgba(95, 28, 39, 0.14);

  /* — Radiuslar — */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 34px;
  --r-pill: 999px;

  /* — Tipoqrafiya — */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.78rem;
  --fs-200: 0.8125rem;
  --fs-300: 0.875rem;
  --fs-400: 0.9375rem;
  --fs-500: 1.0625rem;
  --fs-600: 1.25rem;
  --fs-sub:  clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
  --fs-h3:   clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fs-h2:   clamp(2.1rem, 1.3rem + 3vw, 3.8rem);
  --fs-hero: clamp(2.9rem, 1.4rem + 6.2vw, 6.6rem);

  /* — Boşluqlar — */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --gap: clamp(1rem, 0.6rem + 1.5vw, 2rem);

  /* — Layout — */
  --container: 1240px;
  --container-pad: clamp(1.1rem, 0.4rem + 3vw, 2.5rem);
  --header-h: 112px;

  /* — Hərəkət — */
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 620ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 720px) {
  :root { --header-h: 88px; }
}