/* SentinelleIA, couche de theme sombre (style Prisma AIRS adapte navy + or). Activee par page via l'attribut . Aucune incidence sur les pages non migrees (selecteurs scopes). */ html[data-theme="dark"]{ --sia-bg:#060b18; --sia-panel:rgba(255,255,255,.03); --sia-panel-2:rgba(255,255,255,.05); --sia-line:rgba(255,255,255,.09); --sia-txt:#e8edf9; --sia-muted:#93a1c4; --sia-gold:#FFD700; --sia-gold-2:#FFC700; --sia-teal:#22d3ee; --sia-navy:#0D1B60; --sia-blue:#0033A0; color-scheme:dark; } /* Fond general facon maquette : degrades radiaux superposes sur un navy tres sombre */ html[data-theme="dark"] body{ color:var(--sia-txt); background: radial-gradient(1100px 620px at 82% 2%, rgba(34,211,238,.16), transparent 60%), radial-gradient(900px 700px at 10% 22%, rgba(0,51,160,.28), transparent 62%), radial-gradient(1200px 900px at 60% 118%, rgba(13,27,96,.5), transparent 60%), var(--sia-bg); min-height:100vh; } /* Header : barre sombre translucide + filet bas, remplace le fond blanc */ html[data-theme="dark"] .header{ background:rgba(6,11,24,.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:none; border-bottom:1px solid var(--sia-line); } html[data-theme="dark"] .logo{ color:var(--sia-txt); } html[data-theme="dark"] .nav a, html[data-theme="dark"] .dropbtn{ color:var(--sia-muted); } html[data-theme="dark"] .nav a:hover, html[data-theme="dark"] .dropbtn:hover{ color:var(--sia-txt); } html[data-theme="dark"] .nav a.active, html[data-theme="dark"] .dropbtn.active{ color:var(--sia-gold); } /* Menu deroulant : panneau sombre au lieu du blanc */ html[data-theme="dark"] .dropdown-content{ background:#0b1226; border:1px solid var(--sia-line); box-shadow:0 18px 40px rgba(0,0,0,.55); } html[data-theme="dark"] .dropdown-content a{ color:var(--sia-txt); } html[data-theme="dark"] .dropdown-content a span{ color:var(--sia-muted); } html[data-theme="dark"] .dropdown-content a:hover{ background:rgba(255,255,255,.05); color:#fff; } /* Switch de langue en clair (herite de la couleur du header) */ html[data-theme="dark"] .lang-switch button{ color:var(--sia-txt); } /* Footer : navy approfondi pour unifier avec le fond */ html[data-theme="dark"] .footer{ background:#070d1c; border-top:1px solid var(--sia-line); } /* Bouton primaire (navy) : filet interne pour rester visible sur fond sombre */ html[data-theme="dark"] .btn-primary{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); } /* ---- Composants de contenu partages (style.css), actives sur pages migrees ---- */ /* Titres de section : passent en clair sur fond sombre */ html[data-theme="dark"] .section-title{ color:#e8edf9; } /* Sections au fond clair -> transparent : le fond sombre du body ressort */ html[data-theme="dark"] .why-section, html[data-theme="dark"] .candidats-section, html[data-theme="dark"] .entreprises-section{ background:transparent; } /* Cartes de fonctionnalites -> panneau sombre translucide */ html[data-theme="dark"] .feature-card{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.09); border-radius:14px; } html[data-theme="dark"] .feature-card h3{ color:#eef2fb; } html[data-theme="dark"] .feature-card p{ color:#c6d0e8; } /* Boutons primaires sur fonds navy (page-hero, cta-band) : le navy sur navy rendait le CTA invisible. Passage en or, cohérent avec le CTA du header. */ html[data-theme="dark"] .page-hero .btn-primary, html[data-theme="dark"] .cta-band .btn-primary{ background:linear-gradient(180deg,#FFD700,#FFC700); color:#0a1024; box-shadow:0 8px 22px rgba(255,215,0,.28); } html[data-theme="dark"] .page-hero .btn-primary:hover, html[data-theme="dark"] .cta-band .btn-primary:hover{ background:linear-gradient(180deg,#FFDF33,#FFD000); box-shadow:0 10px 26px rgba(255,215,0,.38); }