/**
 * 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).
 */

.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 */