/* ============================================================
   Theme Override — applied AFTER style.css
   Fixes the broken color palette and introduces a real accent.

   Cavalieri uses navy (primary) + red (accent) per their logo.
   The intake only collected ONE color so the original render stamped
   navy into --gold (the template's primary variable) but left
   --gold-light at its yellow default, causing the broken gradient.

   This override:
   - Normalizes the --gold family to navy-tone derivatives
   - Adds --accent + --accent-light (red) for true secondary color
   - Fixes the bottom-CTA gradient
   - Routes interactive accents through the new red
   ============================================================ */
:root {
  /* Primary (navy) — derive a real palette from the single intake color */
  --gold:        #0F1A2C;      /* primary */
  --gold-dark:   #060C18;      /* darker for hover */
  --gold-light:  #2B3A55;      /* primary-light for gradient stops */
  --gold-muted:  rgba(15, 26, 44, 0.10);

  /* Accent — red (per Cavalieri's logo) */
  --accent:        #C62828;
  --accent-dark:   #8E1B1B;
  --accent-light:  #E64A4A;
  --accent-muted:  rgba(198, 40, 40, 0.10);

  /* Map cream backgrounds to a slightly warmer neutral */
  --cream:       #FAF7F1;
  --cream-dark:  #EFEAE0;
}

/* Bottom-CTA gradient — was navy → yellow. Now navy → navy-light, with a red wash. */
.final-cta,
.cta-section,
[class*="cta-banner"],
[class*="cta-final"] {
  background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 55%, var(--accent-dark) 100%) !important;
  color: #fff !important;
}

/* Primary CTA buttons — accent red for visibility */
.btn-primary,
.button-primary,
button[type="submit"],
a[class*="btn-primary"] {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;
}
.btn-primary:hover,
.button-primary:hover,
button[type="submit"]:hover,
a[class*="btn-primary"]:hover {
  background: var(--accent-dark) !important;
  border-color: var(--accent-dark) !important;
}

/* Phone CTAs + accent text use red */
.top-bar__phone,
[class*="phone"]:not(button) > svg + span,
.accent {
  color: var(--accent) !important;
}

/* Trust-bar numbers / stats — red for emphasis */
.trust-bar strong,
.trust-item strong,
[class*="trust"] strong {
  color: var(--accent) !important;
}

/* Section eyebrows — red */
.section-eyebrow,
[class*="__eyebrow"] {
  color: var(--accent) !important;
}

/* Inline image style — placeholders should display nicely */
img[src$=".jpg"], img[src$=".png"], img[src$=".webp"] {
  background: var(--cream-dark);
  min-height: 80px;
}