/* ==========================================================================
   Harmonize Theme Colors & Fonts (Overrides)
   Matches Outsourced CFO styling
   ========================================================================== */

:root {
    /* Standard Colors from CFO */
    --hc-primary-blue: #28a9e1 !important;
    --hc-navy-dark: #061d4b !important;
    --hc-navy-very-dark: #041a3e !important;
    --hc-green-whatsapp: #25d366 !important;
    --hc-muted-text: #53657a !important;
    --hc-border-line: #dbe5ee !important;
    
    /* Variable Mappings (Overrides) */
    --fp-blue: #28a9e1 !important;
    --fp-blue-dark: #28a9e1 !important;
    --fp-navy: #061d4b !important;
    --fp-dark: #041a3e !important;
    --fp-line: #dbe5ee !important;
    --fp-muted: #53657a !important;
    
    --accent-orange: #28a9e1 !important;
    --gold: #28a9e1 !important;
    
    --cfo-blue: #28a9e1 !important;
    --cfo-navy: #061d4b !important;
    --cfo-dark: #041a3e !important;
    --cfo-green: #25d366 !important;
    
    /* Standard Typography */
    --hc-font-sans: 'Source Sans 3', 'Inter', Arial, sans-serif !important;
}

/* Force standard font on headings and paragraphs */
body, h1, h2, h3, h4, h5, h6, p, a, li, span.fp-kicker, span.cfo-kicker, .td-hero-heading, .section-title-new {
    font-family: var(--hc-font-sans);
}

/* Specific overrides for common blocks seen in the theme that hardcoded serif fonts */
.firm-profile h1, .firm-profile h2, .firm-profile h3,
.td-hero-heading, .section-title-new, .qb-svc-card h3,
.cfo-page h1, .cfo-page h2, .cfo-page h3 {
    font-family: var(--hc-font-sans);
}

/* Override hardcoded orange/gold hex colors to primary blue where applicable */
.orange-theme, .gold-theme, .blue-theme {
    background-color: var(--hc-primary-blue) !important;
    color: #fff !important;
    border-color: var(--hc-primary-blue) !important;
}

.pill-gold {
    background-color: rgba(40, 169, 225, 0.14) !important;
    color: var(--hc-primary-blue) !important;
    border-color: var(--hc-primary-blue) !important;
}

.stars-gold {
    color: var(--hc-primary-blue) !important;
}

.qb-wa-btn {
    background-color: var(--hc-green-whatsapp) !important;
    border-color: var(--hc-green-whatsapp) !important;
}