:root {
  --family-color-blue: #1565C0;
  --family-color-gray: #BDBDBD;
  --family-color-vente-relation-client: #7A004B;
  --family-color-marketing-et-communication: #F699D2;
  --family-color-services-bancaires: #009CAB;
  --family-color-activites-postales: #FBC109;
  --family-color-telecommunications: #FF0005;
  --family-color-administration: #007A3F;
  --family-color-ressources-humaines: #B87BD8;
  --family-color-finances-budget: #F16B20;
  --family-color-patrimoine-bati: #88B04B;
  --family-color-logistique: #7FC9CB;
  --family-color-systemes-d-information: #0F4C81;
  --family-color-pilotage: #FFBE98;
}

:root[data-r-theme-variant='opt-dark-theme'] {
  --family-color-blue: #76B7E8;
  --family-color-gray: #D0D0D0;
  --family-color-vente-relation-client: #F06BB8;
  --family-color-marketing-et-communication: #FFB8E2;
  --family-color-services-bancaires: #4DD6E2;
  --family-color-activites-postales: #FFD84D;
  --family-color-telecommunications: #FF6B6E;
  --family-color-administration: #52D68D;
  --family-color-ressources-humaines: #D6A1F0;
  --family-color-finances-budget: #FF9A5C;
  --family-color-patrimoine-bati: #B2D875;
  --family-color-logistique: #A7E5E6;
  --family-color-systemes-d-information: #76B7E8;
  --family-color-pilotage: #FFD0B8;
}

@media (prefers-color-scheme: dark) {
  :root[data-r-theme-variant='auto'] {
    --family-color-blue: #76B7E8;
    --family-color-gray: #D0D0D0;
    --family-color-vente-relation-client: #F06BB8;
    --family-color-marketing-et-communication: #FFB8E2;
    --family-color-services-bancaires: #4DD6E2;
    --family-color-activites-postales: #FFD84D;
    --family-color-telecommunications: #FF6B6E;
    --family-color-administration: #52D68D;
    --family-color-ressources-humaines: #D6A1F0;
    --family-color-finances-budget: #FF9A5C;
    --family-color-patrimoine-bati: #B2D875;
    --family-color-logistique: #A7E5E6;
    --family-color-systemes-d-information: #76B7E8;
    --family-color-pilotage: #FFD0B8;
  }
}

.family-color.blue { color: var(--family-color-blue); }
.family-color.gray { color: var(--family-color-gray); }
.family-color.vente-relation-client { color: var(--family-color-vente-relation-client); }
.family-color.marketing-et-communication { color: var(--family-color-marketing-et-communication); }
.family-color.services-bancaires { color: var(--family-color-services-bancaires); }
.family-color.activites-postales { color: var(--family-color-activites-postales); }
.family-color.telecommunications { color: var(--family-color-telecommunications); }
.family-color.administration { color: var(--family-color-administration); }
.family-color.ressources-humaines { color: var(--family-color-ressources-humaines); }
.family-color.finances-budget { color: var(--family-color-finances-budget); }
.family-color.patrimoine-bati { color: var(--family-color-patrimoine-bati); }
.family-color.logistique { color: var(--family-color-logistique); }
.family-color.systemes-d-information { color: var(--family-color-systemes-d-information); }
.family-color.pilotage { color: var(--family-color-pilotage); }