/* AnnaCristal — Design Tokens */
:root {
  /* ── Colors ── */
  --color-gold:        #C9A96E;
  --color-gold-dark:   #A8883A;
  --color-rose:        #C4899A;
  --color-rose-light:  #D4A5B0;
  --color-cream:       #FAF6F1;
  --color-white:       #FFFFFF;
  --color-charcoal:    #3D3030;
  --color-brown:       #3D2B2B;
  --color-brown-dark:  #2A1E1E;

  /* Legacy aliases — keep backward compat with inline styles */
  --dusty-rose:        var(--color-rose);
  --dusty-rose-light:  var(--color-rose-light);
  --warm-cream:        var(--color-cream);
  --champagne-gold:    var(--color-gold);
  --soft-white:        var(--color-white);
  --warm-charcoal:     var(--color-charcoal);
  --deep-brown:        var(--color-brown);

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-script:  'Great Vibes', cursive;
  --font-body:    'Jost', system-ui, sans-serif;

  --text-xs:    0.7rem;
  --text-sm:    0.85rem;
  --text-base:  0.95rem;
  --text-md:    1.05rem;
  --text-lg:    1.35rem;
  --text-xl:    1.6rem;
  --text-2xl:   2rem;
  --text-3xl:   2.8rem;
  --text-4xl:   3rem;
  --text-hero:  clamp(2.8rem, 7vw, 5.5rem);

  /* ── Spacing ── */
  --space-1:       0.5rem;
  --space-2:       1rem;
  --space-3:       1.5rem;
  --space-4:       2rem;
  --space-5:       2.5rem;
  --space-6:       3rem;
  --space-8:       4rem;
  --space-10:      5rem;
  --space-section: 120px;

  /* ── Borders ── */
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 50px;

  /* ── Shadows ── */
  --shadow-sm:  0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.08);
  --shadow-lg:  0 25px 60px rgba(0,0,0,0.10);
  --shadow-xl:  0 30px 80px rgba(0,0,0,0.15);

  /* ── Motion ── */
  --ease-smooth:      cubic-bezier(0.165, 0.84, 0.44, 1);
  --transition:       all 0.4s var(--ease-smooth);
  --transition-fast:  0.2s var(--ease-smooth);
  --transition-slow:  0.6s ease;

  /* ── Layout ── */
  --max-width:         1200px;
  --container-padding: 2rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition:      all 0s;
    --transition-fast: 0s;
    --transition-slow: 0s;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}