/* ==========================================================================
   contrast-blauw.css (was contrast-goud) — navy/cyaan leesbaar houden
   BLUE-REBRAND-20260924 / polish 20260924_162100
   --------------------------------------------------------------------------
   Navy #202860 = primary/CTA (wit erop ~10:1).
   Cyaan #78c8e0 = alleen op donker of als logo-accent, NOOIT als knopvlak
   onder witte tekst en NOOIT als tekst op roomwit.
   Dit bestand laadt ALS LAATSTE (zie includes/head.php).
   ========================================================================== */

:root {
    --goud-op-donker: #78c8e0;          /* alias: cyaan op donker */
    --cyaan-op-donker: #78c8e0;
    --merk-navy: #202860;
    --merk-navy-d: #161c48;
    --merk-cyaan: #78c8e0;
    --merk-cyaan-d: #4aa8c8;
}

/* ── 1. Hoofdknop ────────────────────────────────────────────────────────── */
html body .btn-cta,
html body a.btn-cta,
html body button.btn-cta,
html body .btn-primary,
html body a.btn-primary,
html body button.btn-primary {
    background: linear-gradient(135deg, #202860 0%, #2a3878 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: #202860 !important;
}
html body .btn-cta:hover,
html body a.btn-cta:hover,
html body button.btn-cta:hover,
html body .btn-primary:hover,
html body a.btn-primary:hover,
html body button.btn-primary:hover {
    background: linear-gradient(135deg, #161c48 0%, #202860 100%) !important;
}

/* Secundair: outline navy */
html body .btn-secondary,
html body a.btn-secondary,
html body button.btn-secondary {
    background: #fff !important;
    color: #202860 !important;
    -webkit-text-fill-color: #202860 !important;
    border: 2px solid #202860 !important;
}

/* Oude goud-CTA overrides negeren */
html body .btn-cta[style*="8F6124"],
html body .btn-cta[style*="C4873B"],
html body .btn-cta[style*="856326"] {
    background: linear-gradient(135deg, #202860 0%, #2a3878 100%) !important;
    border-color: #202860 !important;
}

/* ── 2. Tekst-primary op licht ───────────────────────────────────────────── */
html body .text-primary,
html body .section-title span:not(.hero-highlight),
html body h1 span.accent,
html body h2 span.accent,
html body .accent-text {
    color: #202860 !important;
    -webkit-text-fill-color: #202860 !important;
}
/* Hero highlight blijft cyaan-shimmer (ss-navy), niet navy-op-donker */

/* Cyaan mag WEL op donkere hero/footer */
html body .hero-dark .accent-text,
html body .bg-dark .accent-text,
html body footer .accent-text,
html body [class*="hero"] .on-dark {
    color: #78c8e0 !important;
    -webkit-text-fill-color: #78c8e0 !important;
}

/* ── 3. Kickers / badges ─────────────────────────────────────────────────── */
html body .section-kicker,
html body .section-tag,
html body .badge-gold,
html body .kicker,
html body .eyebrow {
    color: #202860 !important;
    background: rgba(32, 40, 96, 0.08) !important;
    border-color: rgba(32, 40, 96, 0.18) !important;
}

/* ── 4. Links ────────────────────────────────────────────────────────────── */
html body a:not(.btn):not(.btn-cta):not(.btn-primary):not(.btn-secondary) {
    /* laat standaard link-kleur via tokens; forceer geen goud */
}
html body a.link-accent {
    color: #202860 !important;
}

/* ── 5. Progress / shine (was goud-shimmer) ──────────────────────────────── */
html body .shine,
html body .progress-shine,
html body [class*="shimmer"] {
    background-image: linear-gradient(90deg, #4aa8c8 0%, #a8dcf0 40%, #ffffff 50%, #a8dcf0 60%, #4aa8c8 100%) !important;
}

/* ── 6. Dark overlays ────────────────────────────────────────────────────── */
html body .hero-overlay,
html body .card-overlay-dark {
    background: linear-gradient(180deg, rgba(22,28,72,.42) 0%, rgba(22,28,72,.28) 45%, rgba(22,28,72,.55) 100%) !important;
}

/* ── 7. Hard-coded restanten goud/bruin → navy ───────────────────────────── */
html body [style*="background:#202860"],
html body [style*="background: #202860"],
html body [style*="background:#202860"],
html body [style*="background: #202860"],
html body [style*="background:#202860"],
html body [style*="background: #202860"],
html body [style*="background:#4aa8c8"] {
    background: #202860 !important;
    color: #fff !important;
}
html body [style*="color:#202860"],
html body [style*="color: #202860"],
html body [style*="color:#202860"],
html body [style*="color: #202860"],
html body [style*="color:#202860"],
html body [style*="color:#4aa8c8"],
html body [style*="color:#B8976A"] {
    color: #202860 !important;
}

html body [style*="background:#C4873B"],
html body [style*="background: #C4873B"],
html body [style*="background:#8F6124"],
html body [style*="background:#856326"],
html body [style*="background:#A86E28"],
html body [style*="background:#9A6A2C"] {
    background: #202860 !important;
    color: #fff !important;
}
html body [style*="color:#C4873B"],
html body [style*="color:#8F6124"],
html body [style*="color:#856326"],
html body [style*="color:#A86E28"],
html body [style*="color:#B8976A"] {
    color: #202860 !important;
}