/* ══════════════════════════════════════════════════════════════════════
   THEME.CSS — shared color & font tokens for the wedding site
   ══════════════════════════════════════════════════════════════════════
   Both wedding-rsvp.html and details.html link to this file, so a change
   made HERE updates the whole site at once.

   HOW TO LOCK IN A FINAL COLOR THEME:
   1. Preview options live using the palette switcher (see theme-switcher.js).
   2. Once you and Thy pick a favorite, note its name (shown in the switcher).
   3. Find that palette below in the PRESET PALETTES section and copy its
      values up into the `:root { ... }` block at the top.
   4. Optionally delete the <script src="theme-switcher.js"> tag from both
      HTML files so guests never see the picker — the site will just use
      whatever is in :root.
   ══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Marcellus&family=Poppins:wght@300;400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&family=Cinzel:wght@400;500&family=Karla:wght@300;400;500&family=Prata&family=Lato:wght@300;400&family=Italiana&family=Work+Sans:wght@300;400;500&family=Bodoni+Moda:ital,wght@0,400;0,500;1,400&family=Nunito+Sans:wght@300;400;500&family=Cormorant:ital,wght@0,300;0,400;1,300;1,400&family=Quicksand:wght@300;400;500&display=swap');

:root {
  /* ── ACTIVE THEME (this is what actually renders) ── */
  --sage:       #E89EB8;   /* accent — labels, eyebrows, hover states */
  --sage-light: #FCEEF5;   /* soft background tint for alternating sections */
  --sage-dark:  #B85C84;   /* primary accent — buttons, headings emphasis, hero bg */
  --cream:      #FAF8F4;   /* main page background */
  --ink:        #2A2820;   /* primary text color */
  --muted:      #7A7870;   /* secondary / label text */
  --gold:       #C4A96A;   /* hairline dividers, monogram border */
  --border:     rgba(42,40,32,0.12);
  --red:        #C01E1E;   /* red envelope section background */

  /* ── ACTIVE FONTS ── */
  --font-serif: 'Bodoni Moda', serif;   /* headings, monograms */
  --font-sans:  'Nunito Sans', sans-serif;            /* body copy, labels, buttons */
}

/* ══════════════════════════════════════════════════════════════════════
   PRESET PALETTES — reference only, used by the live switcher.
   Each is a full drop-in replacement for the :root block above.
   ══════════════════════════════════════════════════════════════════════

   "Blush"  (current RSVP page look)
   --sage: #E89EB8; --sage-light: #FCEEF5; --sage-dark: #B85C84;
   --cream: #FAF8F4; --ink: #2A2820; --muted: #7A7870; --gold: #C4A96A;

   "Sage"  (current details page look)
   --sage: #7A8C6E; --sage-light: #F0F3ED; --sage-dark: #4A5C3E;
   --cream: #FAF8F4; --ink: #2A2820; --muted: #7A7870; --gold: #C4A96A;

   "Champagne Gold"
   --sage: #C9A227; --sage-light: #FAF5E8; --sage-dark: #8C6D1F;
   --cream: #FBF9F4; --ink: #2A2820; --muted: #7A7870; --gold: #C4A96A;

   "Dusty Blue"
   --sage: #7A93AC; --sage-light: #EEF3F6; --sage-dark: #45607A;
   --cream: #F8F9FA; --ink: #24282C; --muted: #75797E; --gold: #C4A96A;

   "Terracotta"
   --sage: #C97C5D; --sage-light: #FBEFE9; --sage-dark: #9C5238;
   --cream: #FBF7F2; --ink: #2E2620; --muted: #837A72; --gold: #C4A96A;

   "Plum"
   --sage: #9B6F9E; --sage-light: #F5EEF6; --sage-dark: #6B4770;
   --cream: #FAF7FA; --ink: #2A2430; --muted: #7C7580; --gold: #C4A96A;
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   FONT PAIRINGS — reference only, used by the live switcher.
   ══════════════════════════════════════════════════════════════════════

   "Classic"     (current)   serif: 'Cormorant Garamond'   sans: 'Inter'
   "Editorial"                serif: 'Playfair Display'     sans: 'Jost'
   "Storybook"                serif: 'EB Garamond'          sans: 'Poppins'
   "Modern"                   serif: 'Marcellus'            sans: 'Poppins'
   "Regal"                    serif: 'Cinzel'               sans: 'Karla'
   "Timeless"                 serif: 'Prata'                sans: 'Lato'
   "Romantic"                 serif: 'Italiana'             sans: 'Work Sans'
   "Vintage"                  serif: 'Bodoni Moda'          sans: 'Nunito Sans'
   "Soft"                     serif: 'Cormorant'            sans: 'Quicksand'
   ══════════════════════════════════════════════════════════════════════ */