/**
 * Configurabele CSS voor de Interactieve Plaat.
 * Pas de kleurwaarden aan zodat iedere plaat het gewenste accent krijgt.
 */
:root {
    --plate-color-home: #0f172a;
    --plate-color-organisatie-beleid-en-financien: #308ed9;
    --plate-color-locatie-doelgroep-en-bereik: #f06301;
    --plate-color-medewerkers: #ffe600;
    --plate-color-samenwerking: #e01202;
    --plate-color-producten-diensten-en-activiteiten: #8a6bb0;
    --plate-color-resultaten-en-verantwoording: #3ecc39;
}

.interactieve-plaat-page .plate-menu__item[data-plate="home"].is-active {
    background: var(--plate-color-home);
    border-color: var(--plate-color-home);
    color: #ffffff;
}

.interactieve-plaat-page .plate-menu__item[data-plate="organisatie-beleid-en-financien"].is-active {
    background: var(--plate-color-organisatie-beleid-en-financien);
    border-color: var(--plate-color-organisatie-beleid-en-financien);
    color: #ffffff;
}

.interactieve-plaat-page .plate-menu__item[data-plate="locatie-doelgroep-en-bereik"].is-active {
    background: var(--plate-color-locatie-doelgroep-en-bereik);
    border-color: var(--plate-color-locatie-doelgroep-en-bereik);
    color: #ffffff;
}

.interactieve-plaat-page .plate-menu__item[data-plate="medewerkers"].is-active {
    background: var(--plate-color-medewerkers);
    border-color: var(--plate-color-medewerkers);
    color: #111111;
}

.interactieve-plaat-page .plate-menu__item[data-plate="samenwerking"].is-active {
    background: var(--plate-color-samenwerking);
    border-color: var(--plate-color-samenwerking);
    color: #ffffff;
}

.interactieve-plaat-page .plate-menu__item[data-plate="producten-diensten-en-activiteiten"].is-active {
    background: var(--plate-color-producten-diensten-en-activiteiten);
    border-color: var(--plate-color-producten-diensten-en-activiteiten);
    color: #ffffff;
}

.interactieve-plaat-page .plate-menu__item[data-plate="resultaten-en-verantwoording"].is-active {
    background: var(--plate-color-resultaten-en-verantwoording);
    border-color: var(--plate-color-resultaten-en-verantwoording);
    color: #111111;
}