/*
 * Proverbs 31 CEO primary brand theme.
 * The previous design remains available with ?theme=original.
 */

html[data-theme="brand"] {
    --brand-rose: #d66f7c;
    --deep-bg: #000d28;
    --dark-teal: #071a3b;
    --mauve-bg: #e7d4d0;
    --mauve-light: #f0dfdc;
    --cream: #f7f3ef;
    --cream-dark: #efe8e2;
    --gold: #c59a43;
    --gold-dark: #966d22;
    --dusty-rose: #a64d5d;
    --deep-plum: #000d28;
    --text-light: #fffaf5;
    --text-muted-light: #ded8d2;
    --text-dark: #07142e;
    --text-muted-dark: #4e4b52;
    --border-cream: #d9cfc7;
    --border-rose: #d9a5aa;
}

html[data-theme="brand"] .navbar {
    background: rgba(0, 13, 40, 0.96);
    border-bottom-color: rgba(197, 154, 67, 0.34);
}

html[data-theme="brand"] .hero::before {
    background:
        radial-gradient(ellipse 55% 60% at 77% 44%, rgba(214, 111, 124, 0.2), transparent 68%),
        radial-gradient(ellipse 40% 55% at 18% 78%, rgba(197, 154, 67, 0.11), transparent 68%),
        linear-gradient(145deg, #000716 0%, #000d28 48%, #071a3b 100%);
}

html[data-theme="brand"] .hero::after {
    background: radial-gradient(circle, rgba(214, 111, 124, 0.16), transparent 68%);
}

html[data-theme="brand"] .hero-petal-2 {
    background: radial-gradient(circle, rgba(197, 154, 67, 0.12), transparent 70%);
}

html[data-theme="brand"] .hero-petal-3 {
    background: radial-gradient(circle, rgba(214, 111, 124, 0.18), transparent 70%);
}

html[data-theme="brand"] .hero-photo::before,
html[data-theme="brand"] .podcast-cover-wrap::before {
    border-color: rgba(197, 154, 67, 0.75);
}

html[data-theme="brand"] .hero-portrait,
html[data-theme="brand"] .podcast-cover {
    border-color: rgba(214, 111, 124, 0.38);
    box-shadow: 0 28px 72px rgba(0, 6, 22, 0.48);
}

html[data-theme="brand"] .hero-portrait {
    object-position: center center;
}

html[data-theme="brand"] .about-photo-wrap::before {
    background: var(--mauve-light);
}

html[data-theme="brand"] .offer-card,
html[data-theme="brand"] .resource-card,
html[data-theme="brand"] .episode-card {
    border-color: rgba(7, 20, 46, 0.13);
    box-shadow: 0 14px 36px rgba(0, 13, 40, 0.07);
}

html[data-theme="brand"] .offer-card::before,
html[data-theme="brand"] .episode-card::before {
    background: linear-gradient(90deg, var(--brand-rose), var(--gold));
}

html[data-theme="brand"] .resource-card::before {
    background: var(--brand-rose);
}

html[data-theme="brand"] .offers-header .section-eyebrow {
    color: var(--dusty-rose);
}

html[data-theme="brand"] .testimonials,
html[data-theme="brand"] .connect {
    background:
        radial-gradient(circle at 88% 18%, rgba(214, 111, 124, 0.1), transparent 28%),
        linear-gradient(145deg, #00091e, #001338 62%, #071a3b);
}

html[data-theme="brand"] .testimonial,
html[data-theme="brand"] .connect-row {
    border-color: rgba(197, 154, 67, 0.22);
    background: rgba(255, 250, 245, 0.055);
}

html[data-theme="brand"] .final-cta::before {
    background:
        linear-gradient(90deg, rgba(0, 7, 22, 0.98) 0%, rgba(0, 13, 40, 0.94) 39%, rgba(0, 13, 40, 0.54) 64%, rgba(0, 13, 40, 0.14) 100%),
        url('assets/images/doreen-cta-wide-v2-1600.webp') center / cover no-repeat;
}

html[data-theme="brand"] footer {
    background: #000716;
    border-top-color: rgba(197, 154, 67, 0.24);
}

html[data-theme="brand"] .podcast-hero {
    background:
        radial-gradient(circle at 75% 42%, rgba(214, 111, 124, 0.22), transparent 34%),
        radial-gradient(circle at 12% 82%, rgba(197, 154, 67, 0.1), transparent 40%),
        linear-gradient(145deg, #000716, #000d28 50%, #071a3b);
}

html[data-theme="brand"] .podcast-hero::after {
    border-color: rgba(197, 154, 67, 0.34);
}

html[data-theme="brand"] .listen-point {
    border-color: var(--border-cream);
    border-left-color: var(--dusty-rose);
}

html[data-theme="brand"] .listen-cta {
    background:
        linear-gradient(rgba(0, 13, 40, 0.94), rgba(0, 13, 40, 0.94)),
        url('assets/images/doreen-cta-wide-v2-1600.webp') center 38% / cover no-repeat;
}

html[data-theme="brand"] .btn-primary:hover {
    background: #d7b361;
}

html[data-theme="brand"] .host-line {
    color: rgba(255, 250, 245, 0.72);
}