/* ===================================================================
   DESIGN TOKENS — Edit this file to change the entire theme
   =================================================================== */

:root {
  /* ===== PRIMARY PALETTE ===== */
  --color-white:            #FFFFFF;
  --color-off-white:        #FFF9F5;
  --color-rose-gold:        #B76E79;
  --color-rose-gold-light:  #D4A5AC;
  --color-rose-gold-dark:   #9A5A63;
  --color-pink:             #F4C2C2;
  --color-pink-light:       #FAE0E0;
  --color-blush:            #FFF0F0;

  /* ===== NEUTRAL PALETTE ===== */
  --color-charcoal:         #2C2C2C;
  --color-gray-dark:        #555555;
  --color-gray:             #888888;
  --color-gray-light:       #D4D4D4;
  --color-cream:            #FAF7F2;

  /* ===== METALLIC ACCENTS ===== */
  --color-gold:             #C9A96E;
  --color-gold-light:       #E8D5A8;

  /* ===== FUNCTIONAL ===== */
  --color-success:          #7FB069;
  --color-error:            #D64045;
  --color-overlay:          rgba(0, 0, 0, 0.75);

  /* ===== TYPOGRAPHY ===== */
  --font-script:   'Great Vibes', cursive;
  --font-serif:    'Cormorant Garamond', 'Georgia', serif;
  --font-sans:     'Montserrat', 'Segoe UI', sans-serif;

  /* Fluid type scale */
  --text-xs:         clamp(0.75rem, 1.5vw, 0.875rem);
  --text-sm:         clamp(0.875rem, 1.8vw, 1rem);
  --text-base:       clamp(1rem, 2vw, 1.125rem);
  --text-lg:         clamp(1.125rem, 2.5vw, 1.375rem);
  --text-xl:         clamp(1.5rem, 3vw, 2rem);
  --text-2xl:        clamp(2rem, 4vw, 3rem);
  --text-3xl:        clamp(2.5rem, 5vw, 4rem);
  --text-hero:       clamp(3rem, 8vw, 7rem);
  --text-script-lg:  clamp(2.5rem, 6vw, 5rem);

  --line-height-tight:   1.2;
  --line-height-normal:  1.6;
  --line-height-loose:   1.8;

  --letter-spacing-wide:    0.05em;
  --letter-spacing-wider:   0.1em;
  --letter-spacing-widest:  0.2em;

  /* ===== SPACING SCALE ===== */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  5rem;
  --space-4xl:  8rem;

  /* ===== TRANSITIONS ===== */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast:   0.2s var(--ease-out-expo);
  --transition-normal: 0.4s var(--ease-out-expo);
  --transition-slow:   0.8s var(--ease-out-expo);
}