/* DataSAI - Harmonisation des pages Data Analyst et AI Engineering avec le style de l'ABA (aperçus, 4 nov. 2026).
   Couleurs d'accent des pages ramenées à la palette du logo (plus de violet), prérequis lisibles, niveaux et numéros encrés. */
:root { --cyan: #38b6ff; --violet: #c59864; --green: #1fae7f; --gold: #c9963f; --accent: #1fae7f; }

/* Prérequis techniques : texte clair sur l'encre nuit */
.prerequis-title { color: #f2e4ca !important; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px !important; letter-spacing: .12em; text-transform: uppercase; }
.prerequis-list li { color: #f2e4ca !important; background: rgba(231, 217, 182, .08) !important; border: 1px solid rgba(231, 217, 182, .24) !important; }
.prerequis-list li span { color: #ecc777 !important; }
.prerequis-text, .prerequis p { color: #e8ecf3 !important; }

/* Trois niveaux : cartes en encre nuit avec relief, icônes 3D, badges aux couleurs du logo */
.prog-card { background: var(--encre-nuit, linear-gradient(165deg, #16233f 0%, #0b142a 48%, #060a16 100%)) !important;
  border: 1px solid rgba(231, 217, 182, .14) !important; box-shadow: var(--relief-carte) !important; color: #fff; }
.prog-card h3 { font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: 28px !important; color: #fff !important; }
.prog-card .prog-desc, .prog-card .prog-blocs li { color: rgba(255, 255, 255, .78) !important; }
.prog-card .prog-blocs li span { color: #ecc777 !important; }
.prog-icon { font-size: 0 !important; height: auto !important; }
.ic3d-niveau { width: 72px; height: 72px; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45)); animation: ic3d-flotte 6s ease-in-out infinite; }
.prog-card.lvl-1 { border-top: 3px solid #1fae7f !important; } .prog-card.lvl-2 { border-top: 3px solid #38b6ff !important; } .prog-card.lvl-3 { border-top: 3px solid #c9963f !important; }

/* Numéros des blocs du programme : pastilles or encrées, comme les numéros de l'ABA */
.bloc-num, .bloc-num.green, .bloc-num.violet, .bloc-num.gold { background: var(--encre-or, linear-gradient(180deg, #fff1c8, #ecc777 30%, #c9963f 60%, #a87727)) !important;
  color: #2a1a04 !important; font-family: 'Instrument Serif', Georgia, serif !important; font-style: italic; font-weight: 400 !important; font-size: 19px !important;
  box-shadow: var(--relief-pastille, inset 0 1px 0 rgba(255,255,255,.7), 0 3px 0 #8a5d1c) !important; }
.bloc-title { font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; font-size: 24px !important; }

/* Certification : coches et titre dans la palette */
.cert-section h3 { font-family: 'Instrument Serif', Georgia, serif !important; font-weight: 400 !important; }
.cert-list li span, .cert-list li::before { color: #ecc777 !important; }
@media (prefers-reduced-motion: reduce) { .ic3d-niveau { animation: none; } }

/* Sommaire des modules (rs-sommaire) : numéros en pastilles or, comme les blocs */
.rs-som-bloc > b { background: var(--encre-or, linear-gradient(180deg, #fff1c8, #ecc777 30%, #c9963f 60%, #a87727)) !important; color: #2a1a04 !important;
  font-family: 'Instrument Serif', Georgia, serif !important; font-style: italic; font-weight: 400 !important; box-shadow: var(--relief-pastille) !important; }
.rs-som-bloc li { color: #f2e4ca !important; background: rgba(231, 217, 182, .08) !important; border-color: rgba(231, 217, 182, .24) !important; }

/* Mini-projets des modules, tags du projet final, cartes verrouillées : teintes or et bleu SAI au lieu du cyan et du vert */
.mod-project { background: rgba(231, 217, 182, .07) !important; border-color: rgba(231, 217, 182, .24) !important; color: #f2e4ca !important; }
.capstone-tag { background: rgba(56, 182, 255, .08) !important; border-color: rgba(56, 182, 255, .28) !important; color: #dbeffd !important; }
.locked-card { border-color: rgba(231, 217, 182, .32) !important; }
.prog-card::before { background: none !important; }

/* Data Analyst : le vert d'origine de la page passe au bleu SAI du logo, comme l'or remplace le violet sur l'ABA */
body.da .dm-onglet small { color: #1677b8 !important; }
body.da .dm-onglet i { background: linear-gradient(90deg, #38b6ff, #ecc777) !important; }
body.da .dm-onglet[aria-selected="true"] { border-color: rgba(22, 119, 184, .45) !important; }
body.da .dm-outils span { color: #8fd6ff !important; background: rgba(56, 182, 255, .1) !important; border-color: rgba(56, 182, 255, .3) !important; }
body.da .da-prog { color: #8fd6ff !important; background: rgba(56, 182, 255, .12) !important; border-color: rgba(56, 182, 255, .3) !important; }
body.da .da-kpi i, body.da .dm-bilan span b, body.da .dm-region em, body.da .dm-resultat td.dm-pos { color: #8fd6ff !important; }
body.da .da-barres i { background: linear-gradient(180deg, #8fd6ff, rgba(56, 182, 255, .35)) !important; }
body.da .da-direct { background: #38b6ff !important; }
body.da .dm-table td.dm-ok { background: rgba(56, 182, 255, .14) !important; color: #8fd6ff !important; }
body.da .dm-sql .k, body.da .dm-curseur { color: #8fd6ff; } body.da .dm-curseur { background: #8fd6ff !important; }
body.da .price-launch { color: #a87727 !important; }
body.da .tier-next-btn { background: var(--encre-or) !important; color: #2a1a04 !important; border: 0 !important; }
body.da .bottom-cta { background: radial-gradient(700px 360px at 50% 100%, rgba(231, 217, 182, .2), transparent 70%), #0a0a14 !important; }
body.da .bottom-cta h2 em { color: #ecc777 !important; }
body.da .ab-lecture { background: linear-gradient(90deg, #38b6ff, #ecc777) !important; }
body.da .prerequis { border-color: rgba(231, 217, 182, .24) !important; }
body.da .prerequis-text strong { color: #ecc777 !important; }
body.da .audience-card:hover, body.da .mod-item:hover, body.da .ab-faq-item:hover, body.da .tool-group:hover, body.da .bonus-card:hover { border-color: rgba(231, 217, 182, .45) !important; }
body.da .ab-faq-item summary i::before, body.da .ab-faq-item summary i::after { background: #ecc777 !important; }
body.da .price-new { color: #a87727 !important; }
body.da .rs-ico { background: rgba(231, 217, 182, .14) !important; color: #a87727 !important; }