/* ============================================================
CFR REFRESH — global override layer (v1.0)
------------------------------------------------------------
Single source of truth for the 2026 visual refresh.
Load LAST (enqueued at priority 9999 — see functions snippet).
100% REVERSIBLE: delete this file + its enqueue line, purge cache.
What it does, in order of leverage:
1. Remaps the brand tokens (teal + indigo -> ONE blue #0076FF,
navy -> neutral ink) as CSS variables, so EVERY page that
uses var(--global-palette*) / var(--teal-*) / var(--indigo-*)
/ var(--navy-*) reskins automatically — incl. fund profiles,
blog, archives, WooCommerce, the dashboard portal, etc.
2. Swaps the type system (Instrument Serif -> Schibsted Grotesk,
DM Sans -> Hanken Grotesk; DM Mono kept) and kills the
colored-italic headline trick.
3. Normalises buttons (solid blue, crisp 8px radius) and removes
the AI tropes (glassmorphism blur, radial glows, scan-lines,
pulsing dots, eyebrow pills, gradient accent strips).
NOTE: success-green (#10B981/#4ADE80), alert-red (#F87171/#EF4444)
and rating-amber are intentionally NOT remapped — they carry
data meaning. Only the *brand* hues are changed.
============================================================ */
/* 1) DESIGN TOKENS ---------------------------------------------------- */
:root{
/* Kadence global palette -> single blue accent */
--global-palette1:#0076FF; /* was teal #2DD4A8 */
--global-palette2:#0061DB; /* was indigo #6366F1 */
--global-palette-highlight:#0076FF;
--global-palette-highlight-alt:#0061DB;
--global-palette-btn-bg:#0076FF;
--global-palette-btn-bg-hover:#0061DB;
/* Body font -> Hanken Grotesk (headings handled below) */
--global-body-font-family:'Hanken Grotesk', sans-serif;
/* cfr-* brand accent vars (teal / indigo families) -> blue */
--teal-400:#0076FF; --teal-500:#0061DB; --teal-600:#0061DB; --teal-300:#5B8CFF;
--indigo-400:#5B8CFF; --indigo-500:#0076FF; --indigo-600:#0061DB;
/* Navy -> neutral ink (kills the "AI navy"; pairs with the logo black) */
--navy-950:#0C0F16; --navy-900:#11151D; --navy-800:#151A23;
--navy-700:#1E2632; --navy-600:#243042;
}
/* 2) TYPOGRAPHY ------------------------------------------------------- */
body, input, select, textarea, button,
.button, .wp-block-button__link, .kadence-button, .kt-blocks-info-box-link-wrap{
font-family:'Hanken Grotesk', sans-serif !important;
}
h1, h2, h3{
font-family:'Schibsted Grotesk', sans-serif !important;
font-weight:600 !important;
font-style:normal !important;
letter-spacing:-0.02em;
}
h4, h5, h6{ font-family:'Hanken Grotesk', sans-serif !important; }
/* The theme hard-codes Instrument Serif on CLASS selectors (e.g.
.cfr-product-name, .cfr-section-title, .cfr-testimonial-quote).
A class (0,1,0) outranks the h1–h3 element rule (0,0,1), so those
titles kept the serif. These paired-attribute selectors (0,2,0)
win it back — scoped to "cfr-* …-title/-name/-quote" so table
cells like .fund-name (no cfr- prefix) are NOT affected. */
[class*="cfr-"][class*="-title"],
[class*="cfr-"][class*="-name"],
[class*="cfr-"][class*="-quote"],
.cfr-section-title, .cfr-hero-title, .cfr-pp-hero-title,
.cfr-product-name, .cfr-final-cta-title, .cfr-sample-title,
.cfr-pricing-title, .cfr-compare-title, .cfr-faq-title,
.cfr-testimonial-quote, .cfr-pp-testimonial-quote, .cfr-fp-name,
/* landing-page heading selectors (home / fund-list / perf-db) that
hard-code the serif with their own !important — listed here so the
key marketing pages are correct even before fonts-setup.sh runs.
NOTE: the authoritative, site-wide fix is the @font-face remap that
fonts-setup.sh appends to cfr-fonts.css — it catches ALL ~80 serif
declarations (style.css, blog, about, research, reports, woo, etc.)
regardless of selector or specificity. This list is just a fast-path
for the three primary pages. */
.hero h1, .value-header h2, .product-text h3, .testimonials-header h2,
.included-header h2, .metrics-header h2, .personas-header h2,
.compare-header h2, .faq-header h2, .final-cta h2,
.cfr-cfl .hero h1, .cfr-cfl .section-title, .cfr-cfl .upsell h3, .cfr-cfl .final-cta h2,
.cfr-pdb .hero h1, .cfr-pdb .section-title, .cfr-pdb .final-cta h2,
.section-title, .cover-title, .cta-title{
font-family:'Schibsted Grotesk', sans-serif !important;
font-style:normal !important;
}
/* kill the colored-italic headline trick (e.g. "crypto fund") */
h1 em, h2 em, h3 em,
[class*="cfr-"][class*="-title"] em, [class*="cfr-"][class*="-quote"] em,
.cfr-hero-title em, .hero-title em, .final-cta h2 em,
.cfr-final-cta-title em, .cfr-pricing-title em{
font-style:normal !important;
font-family:inherit !important;
color:inherit !important;
}
/* keep tabular/mono data in DM Mono even if inherited */
.cfr-aum, .db-num, .cfr-hero-stat-num, .chart-number, .db-statusbar,
[class*="db-corr-value"]{ font-family:'DM Mono', monospace; }
/* 3) BUTTONS — solid blue, crisp radius (de-pill) -------------------- */
.cfr-btn-primary, .btn-primary, .cfr-header-cta,
.cfr-modal-submit-teal, .cfr-modal-submit-indigo, .dl-btn, .ex-download,
.db-topbar-btn-primary{
background:#0076FF !important;
color:#fff !important;
border-color:#0076FF !important;
border-radius:8px !important;
}
.cfr-btn-primary:hover, .btn-primary:hover, .cfr-header-cta:hover,
.dl-btn:hover, .ex-download:hover, .db-topbar-btn-primary:hover{
background:#0061DB !important;
}
.cfr-btn-secondary, .btn-secondary{ border-radius:8px !important; }
.wp-block-button__link{ border-radius:8px !important; } /* was pill 9999px */
/* 4) DE-AI TROPES ---------------------------------------------------- */
/* glassmorphism / blur */
.cfr-header, .cfr-hero-card, .cfr-nav-dropdown-menu{
-webkit-backdrop-filter:none !important;
backdrop-filter:none !important;
}
.cfr-header{ background:rgba(12,15,22,.92) !important; }
.cfr-hero-card{ background:#11151D !important; }
/* radial glows + scan-lines + product glow */
.cfr-hero::before, .cfr-hero-card::after,
.hero-product-glow, .flows-hero::before{ display:none !important; }
/* pulsing dots -> static */
.cfr-hero-eyebrow .pulse, .cfr-hero-card-badge::before,
.db-statusbar-dot, .hero-badge span:first-child{ animation:none !important; }
/* eyebrow pill -> plain mono label */
.cfr-hero-eyebrow, .hero-eyebrow{
background:transparent !important;
border:none !important;
border-radius:0 !important;
padding:0 !important;
color:#7E8794 !important;
font-family:'DM Mono', monospace !important;
letter-spacing:.12em;
}
/* gradient accent strips -> flat blue */
.cfr-modal-accent-teal, .cfr-modal-accent-indigo{ background:#0076FF !important; }
/* 5) MISC POLISH ----------------------------------------------------- */
/* slightly calmer card radius on marketing cards (optional) */
.value-card, .cfr-breakdown-card, .testimonial-card{ border-radius:12px; }
/* selection colour */
::selection{ background:#0076FF; color:#fff; }
/* ===== Patch 03 — kill decorative grid / glow / scan-line ===== */
/* All targets are aesthetic ::before/::after layers on hero & section
containers. content:none removes the pseudo box; background/animation
:none are belt-and-suspenders. Chart gridlines are