/* ============================================================
   Velvet Aura — design tokens
   Matte, romantic, organic. Dusty rose = action. Gold = thin accent.
   ============================================================ */
:root {
  /* Color */
  --ink:        #20202A;
  --bg-night:   #14313A;
  --aubergine:  #2E1A2E;
  --moon:       #F4F1EC;
  --moon-2:     #ECE7E1;
  --rose:       #C98A8A;
  --rose-deep:  #B06A72;
  --lavender:   #B7A9CF;
  --thread:     #C9A86A;
  --glow:       rgba(183, 169, 207, 0.45);
  --rose-glow:  rgba(201, 138, 138, 0.30);

  /* Semantic */
  --bg:         var(--moon);
  --bg-alt:     var(--moon-2);
  --text:       var(--ink);
  --text-soft:  #585263;
  --text-on-dark: #F4F1EC;
  --text-on-dark-soft: rgba(244, 241, 236, 0.74);
  --accent:     var(--rose);
  --accent-hover: var(--rose-deep);
  --line:       rgba(32, 32, 42, 0.10);
  --line-dark:  rgba(244, 241, 236, 0.16);

  /* Aurora gradient (static fallback + CTA bands) */
  --aurora: linear-gradient(135deg, #14313A 0%, #2E1A2E 55%, #B06A72 100%);
  --moonrise: linear-gradient(180deg, #F4F1EC 0%, #ECE7E1 100%);

  /* Type */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-h1: clamp(2.4rem, 5.5vw, 4.5rem);
  --fs-h2: clamp(1.9rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.35rem, 2.2vw, 1.85rem);
  --fs-eyebrow: 0.78rem;
  --lh-body: 1.7;

  /* Space & shape (organic = larger, asymmetric radii) */
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(3.5rem, 8vw, 7rem);
  --radius-sm: 12px;
  --radius: 22px;
  --radius-lg: 36px;
  --radius-pill: 999px;
  /* Diffuse glows, NOT hard drop shadows */
  --shadow-soft: 0 24px 60px -28px rgba(46, 26, 46, 0.45);
  --shadow-glow: 0 0 60px -10px var(--glow);
  --shadow-rose: 0 18px 40px -20px var(--rose-glow);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 84px;
}