/* ============================================================
   LISA BRIDAL COUTURE — SITE THEME
   Change colors here and they update across index.html AND
   gallery.html automatically — this is the ONLY file you need
   to touch to re-color the entire site.

   HOW THE PALETTE IS STRUCTURED (read this before editing):
   The site alternates between two kinds of sections:
     - "accent" sections (hero, nav, footer, contact strip) —
       background = --walnut / --walnut-deep (now antique gold)
     - "light" sections (about, gallery) —
       background = --ivory / --ivory-dim (cream)
   Text/buttons on accent sections use --maroon for contrast
   (exactly like the business card: maroon ink on the gold).
   Text on light sections uses --ink / --ink-soft.
   Keep --maroon and --ivory/--ink visually far apart from
   --walnut, or text will disappear again like it just did.
   ============================================================ */

:root {
  /* --- Accent surface (antique gold, from the card's front) ---
     Used for hero / nav / footer / contact-strip backgrounds */
  --walnut:           #D89A3E;
  --walnut-deep:      #B97825;    /* deeper gold — scrolled nav, footer */
  --walnut-deep-rgb:  185,120,37; /* same color as --walnut-deep, as R,G,B — needed for transparency (e.g. nav.scrolled) since CSS can't add opacity to a hex variable directly */

  /* --- Gold accent details (dividers, hover highlights) --- */
  --gold:             #D89A3E;
  --gold-soft:        #E8B968;
  --gold-light:       #F2C978;
  --gold-deep:        #B97825;
  --antique-gold:     #B97825;    /* borders / dividers on light sections */

  /* --- Light "paper" sections (About, Gallery) --- */
  --ivory:            #FBF3E7;
  --ivory-dim:        #F3E7D6;

  /* --- Maroon — the card's ink color. This carries contrast
     on gold backgrounds: buttons, headings, nav text --- */
  --maroon:           #7A1F2B;
  --maroon-deep:      #5C1520;
  --maroon-rgb:       122,31,43;

  /* --- Body text on light sections --- */
  --ink:              #2B211C;
  --ink-soft:         #6b5c50;
}

/* ------------------------------------------------------------
   To re-theme the whole site, only the values above need to
   change — but keep the contrast rule in mind: whatever color
   sits BEHIND text (--walnut/--walnut-deep or --ivory) must stay
   visually different from whatever sits IN FRONT of it
   (--maroon on gold sections, --ink on ivory sections).
   ------------------------------------------------------------ */