/*
 * Navy + Rose-Gold theme override
 * Inspired by the GGPD branded acrylic plaque (Samples/color_pallete.jpg)
 *
 * Load AFTER css/styles.css so these variable values win the cascade.
 * To revert, comment out or remove the <link> tag in index.html.
 */

:root {
  /* Rose-gold accent — warmer, slightly pinker than the original gold */
  --gold-primary:    #C9956A;
  --gold-dark:       #8A5E32;
  --gold-light:      #F4E6CC;

  /* Navy replaces teal & dark-tan as the brand's dark accent color */
  --teal-secondary:  #142545;
  --tan-bg:          #142545;
  --tan-dark:        #0A1830;

  /* --tan-light stays as a warm cream — it's the light endpoint of soft
     gradient panels (.why-us-visual, value-props visual). Swapping to navy
     would break those panels. */

  /* Slightly more ivory page cream */
  --cream:           #FBF6E9;
  --bg-light:        #FBF6E9;
  --border:          #EADFC8;
}

/* Footer background is hardcoded in styles.css — override to deep navy
   for brand cohesion with the rest of the navy accents. */
.site-footer {
  background: #0A1830;
}

/* CTA panel: plaque-style solid navy field instead of the warm gold field.
   The Smile Club gradient already picks up the new navy via --tan-bg,
   so it becomes a navy → rose-gold blend automatically. */
.about-cta-inner {
  background: linear-gradient(135deg, #142545, #0A1830);
}