/* ------------------------------------------------------------------
   Wedding colour palette -> CSS custom properties
   Source: Wedding-Colour-Palette.md
   These variables are consumed by the theme styles and are also mirrored
   into Elementor Global Colors (see functions.php) so they can be picked
   while building pages.
------------------------------------------------------------------ */
:root {
  /* Whites / neutrals */
  --w-ivory:        #FCFBF8; /* Soft Ivory */
  --w-warm-white:   #F6F3EE; /* Warm White */
  --w-porcelain:    #F1ECE5; /* Neutral 100 */
  --w-stone:        #E2DBD2; /* Neutral 200 */
  --w-linen:        #CFC5BA; /* Neutral 300 */
  --w-mushroom:     #A89D91; /* Neutral 400 */
  --w-taupe:        #86796D; /* Neutral 500 */

  /* Olive */
  --w-sage-mist:    #D9DDD1; /* Olive 100 */
  --w-soft-olive:   #B8BEA8; /* Olive 200 */
  --w-muted-olive:  #8D9578; /* Olive 300 */
  --w-heritage-olive:#6D755B;/* Olive 400 */
  --w-deep-olive:   #4E5643; /* Olive 500 */

  /* Copper */
  --w-pale-copper:  #D7B8A1; /* Copper 100 */
  --w-soft-copper:  #C4987A; /* Copper 200 */
  --w-antique-copper:#A87559;/* Copper 300 */
  --w-burnished-copper:#8C6048;/* Copper 400 */
  --w-dark-copper:  #6D4937; /* Copper 500 */

  /* Semantic roles */
  --w-text-primary:   #3F4638;
  --w-text-secondary: #6E665D;
  --w-text-accent:    #A87559;
  --w-link:           #7A8A63;
  --w-link-hover:     #5F684E;

  --w-btn-bg:    #6D755B;
  --w-btn-hover: #5B624C;
  --w-btn-text:  #FCFBF8;

  /* Layout tokens */
  --w-content-max: 640px;     /* mobile-first reading width */
  --w-radius:      18px;
  --w-radius-pill: 999px;
}