/* Palm Beach theme: deep navy and sunshine gold across every public page. Loaded after the built CSS. */

section.bg-primary-dark,
.bg-primary-dark.isolate { background-color: var(--brand-secondary); }
section.bg-primary-dark .bg-gradient-to-t { background: none; }

/* Heroes: navy on the left, the photo clear on the right. */
.hero-overlay {
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--brand-secondary) 95%, transparent) 0%,
            color-mix(in srgb, var(--brand-secondary) 82%, transparent) 42%,
            color-mix(in srgb, var(--brand-secondary) 22%, transparent) 72%,
            transparent 100%),
        linear-gradient(0deg, color-mix(in srgb, var(--brand-secondary) 65%, transparent) 0%, transparent 38%);
}
.hero-blob,
section > svg.text-page { display: none; }

/* Home hero: two lines of headline, without the tagline badge. */
.home-hero .eyebrow-light { display: none; }
.home-hero h1 { max-width: 54rem; font-size: clamp(2.25rem, 4.6vw, 4rem); }

/* Blog header. */
section.from-primary-soft.via-white { background: var(--brand-secondary); border-color: transparent; }
section.from-primary-soft.via-white h1 { color: #fff; }
section.from-primary-soft.via-white .text-muted { color: rgb(255 255 255 / .8); }

/* Soft frame behind content photos. */
.-inset-3.from-primary-soft { background: color-mix(in srgb, var(--brand-accent) 16%, white); }

/* Newsletter: a gold band with navy text. */
footer .bg-gradient-to-br.from-primary-dark {
    background: linear-gradient(120deg, var(--brand-accent), color-mix(in srgb, var(--brand-accent) 86%, white));
    color: var(--brand-secondary);
}
footer .bg-gradient-to-br.from-primary-dark .text-white\/80 { color: color-mix(in srgb, var(--brand-secondary) 85%, transparent); }
footer .bg-gradient-to-br.from-primary-dark .eyebrow-light {
    background: rgb(0 27 54 / .1);
    color: var(--brand-secondary);
    --tw-ring-color: rgb(0 27 54 / .2);
}
footer .bg-gradient-to-br.from-primary-dark .eyebrow-light svg { color: var(--brand-secondary); }
footer .bg-gradient-to-br.from-primary-dark .btn-accent {
    --brand-accent: var(--brand-secondary);
    --brand-on-accent: #fff;
}
footer a svg { color: var(--brand-accent); }

/* Login and error pages. */
body.from-primary-soft { background: color-mix(in srgb, var(--brand-secondary) 5%, white); }

@media (max-width: 767px) {
    .hero-overlay {
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--brand-secondary) 90%, transparent) 0%,
            color-mix(in srgb, var(--brand-secondary) 78%, transparent) 100%);
    }
}