/* ==========================================================================
   Sully's — Palette (Sept 2026 revision)
   The Blue ⇄ Red colour switcher was retired. The site now runs a single
   light palette: cream page, navy copy, peach + sky accents, navy footer.
   Token names are unchanged so every component and the Elementor colour
   bridge keep working without edits.
   ========================================================================== */
body {
    --bg-page:        var(--sullys-cream);        /* page background */
    --bg-alt:         var(--sullys-sky);          /* info panels, press cards */
    --bg-accent:      var(--sullys-cream);
    --bg-footer:      var(--sullys-navy);         /* footer + FAQ block */
    --bg-footer-alt:  var(--sullys-blue-mid);     /* FAQ section */
    --fg-primary:     var(--sullys-navy);         /* main copy */
    --fg-heading:     var(--sullys-navy);         /* big headings */
    --fg-muted:       rgba(20, 35, 61, 0.65);
    --fg-on-accent:   var(--sullys-navy);         /* text on peach / sky */
    --fg-on-dark:     var(--sullys-cream);        /* text on navy */
    --accent-hot:     var(--sullys-orange);       /* small dots, ornaments */
    --accent-soft:    var(--sullys-peach);        /* buttons, overlay menu */
    --hover-yellow:   var(--sullys-yellow);
    --border-subtle:  rgba(20, 35, 61, 0.15);
    --form-border:    rgba(20, 35, 61, 0.35);
    --form-fg:        var(--sullys-navy);
    --banner-bg:      var(--sullys-peach);
    --banner-fg:      var(--sullys-navy);
    --overscroll-bg:  var(--sullys-cream);
    --accordion-divider: var(--sullys-peach);
    --heading-accent:    var(--sullys-navy);
}

/* Legacy classes still present on some cached markup — keep them harmless. */
body.theme-blue, body.theme-red { }

/* Colour-switch pills are gone; hide any that survive in old Elementor templates. */
.sullys-theme-switch, .sullys-footer-switch-wrap { display: none !important; }

/* Soft colour transitions (kept for hover states). */
a, button, .elementor-button { transition: background-color var(--dur-fast) var(--ease-out-cubic), color var(--dur-fast) var(--ease-out-cubic), border-color var(--dur-fast) var(--ease-out-cubic); }