/**
 * salesfision-sf-reskin.css
 *
 * Sinds alle pagina's op de granulaire bespoke *-salesfision blokken draaien
 * (die hun eigen prod-CSS meebrengen, incl. per-service accentkleuren) bevat
 * dit bestand ALLEEN nog wat geen enkel blok zelf kan weten: de per-pagina
 * accentkleur van het gedeelde sf-faq blok. Prod kleurt de FAQ-badge/accenten
 * in de accentkleur van de service-pagina; sf-faq's default is merk-rood.
 *
 * Voeg hier GEEN globale componentregels toe — die overschrijven de granulaire
 * blok-CSS op gedeelde properties (geleerd van .section-inner dat de
 * cases-hero-padding brak).
 *
 * Sinds S6 ook: de knopvulling van het library-blok sf-hero (zie onderaan).
 */

.page-growth             [data-sf-block="sf-faq"] { --sf-faq-accent: #eab308; --sf-faq-accent-rgb: 234, 179, 8; }
.page-data-analytics     [data-sf-block="sf-faq"] { --sf-faq-accent: #22c55e; --sf-faq-accent-rgb: 34, 197, 94; }
.page-digital            [data-sf-block="sf-faq"] { --sf-faq-accent: #14b8a6; --sf-faq-accent-rgb: 20, 184, 166; }
.page-ai-for-business    [data-sf-block="sf-faq"] { --sf-faq-accent: #38bdf8; --sf-faq-accent-rgb: 56, 189, 248; }
.page-design-thinking    [data-sf-block="sf-faq"] { --sf-faq-accent: #8b5cf6; --sf-faq-accent-rgb: 139, 92, 246; }
.page-hosting-support    [data-sf-block="sf-faq"] { --sf-faq-accent: #84cc16; --sf-faq-accent-rgb: 132, 204, 22; }
.page-reach-audience     [data-sf-block="sf-faq"] { --sf-faq-accent: #d946ef; --sf-faq-accent-rgb: 217, 70, 239; }
.page-service-management [data-sf-block="sf-faq"] { --sf-faq-accent: #f97316; --sf-faq-accent-rgb: 249, 115, 22; }
.page-social-media       [data-sf-block="sf-faq"] { --sf-faq-accent: #1e40af; --sf-faq-accent-rgb: 30, 64, 175; }
/* digital-leadership: accent = #e63946 = sf-faq default, geen override nodig */

/* Slice 7A (D4, 5706395): KNOPvulling van sf-hero via het site-brede CTA-token
   (--sf-red-cta, salesfision.css :root). Stond als hunk in blocks/sf-hero/style.css;
   dat bestand is blueprint-eigendom (blocks/sf-*) en sinds S6 byte-gelijk aan rc.3
   (--sf-hero-red, #e63946: 4,17:1 met wit, onder AA). Deze reskin laadt op
   wp_enqueue_scripts 50, dus na de blok-CSS (sf-block-* op 20): dezelfde selector
   wint op volgorde. De rode TEKST-accenten (--sf-hero-red: h1-accent, eyebrow-dot,
   planeten) blijven uit de blok-CSS komen. .btn-primary in sf-hero hoeft hier niet:
   salesfision.css zet .btn-primary al met !important op het token. */
[data-sf-block="sf-hero"] .btn-hero { background: var(--sf-red-cta, #d63340); }
[data-sf-block="sf-hero"] .btn-hero:hover { background: var(--sf-red-cta-hover, #c8202e); }