/* ============================================================ PROPULSITE — Thème "Néon Violet" (refonte visuelle 20/07/2026) Fichier central : chargé en DERNIER dans le de chaque page. Redéfinit l'identité visuelle (fond, boutons, titres, cartes, accents) SANS toucher au contenu, aux images ni aux prestations. → Pour re-régler tout le site : modifier UNIQUEMENT ce fichier. Palette : violet #7c3aed → fuchsia #d946ef → cyan #22d3ee. ============================================================ */ :root { --pp-violet: #7c3aed; --pp-fuchsia: #d946ef; --pp-cyan: #22d3ee; --pp-light: #c4b5fd; } /* ---------- Fond global : violet-noir profond (change toute l'ambiance) ---------- */ body { background: radial-gradient(130% 90% at 50% -20%, #1b1038 0%, #0c0720 45%, #050309 100%) no-repeat fixed #050309 !important; } /* ---------- Boutons principaux (CTA) ---------- */ .btn-neon { background: linear-gradient(95deg, #7c3aed 0%, #d946ef 55%, #22d3ee 135%) !important; box-shadow: 0 10px 40px -6px rgba(217, 70, 239, 0.55) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } .btn-neon:hover { box-shadow: 0 16px 52px -6px rgba(217, 70, 239, 0.7) !important; transform: translateY(-2px); } /* ---------- Titres en dégradé ---------- */ .text-gradient { background: linear-gradient(90deg, #a78bfa, #e879f9 45%, #22d3ee) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* ---------- Cartes / panneaux "verre" ---------- */ .glass-card { border: 1px solid rgba(168, 85, 247, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 60px -34px rgba(124, 58, 237, 0.7) !important; transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; } .glass-card:hover { border-color: rgba(217, 70, 239, 0.42) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 28px 66px -30px rgba(217, 70, 239, 0.6) !important; } .glass-panel { border-color: rgba(168, 85, 247, 0.16) !important; background: linear-gradient(180deg, rgba(124, 58, 237, 0.06), rgba(255, 255, 255, 0.01)) !important; } /* ---------- Onglets (sélecteur d'offres) ---------- */ .tab-active { background: linear-gradient(90deg, #7c3aed, #d946ef) !important; color: #ffffff !important; box-shadow: 0 0 24px rgba(217, 70, 239, 0.55) !important; } /* ---------- Séparateurs néon ---------- */ .neon-divider { background: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.4), rgba(217, 70, 239, 0.4), rgba(34, 211, 238, 0.25), transparent) !important; } /* ---------- Badge hero ---------- */ .hero-badge { border: 1px solid rgba(217, 70, 239, 0.32) !important; background: rgba(124, 58, 237, 0.12) !important; color: #e9d5ff !important; } /* ---------- Soulignement de navigation ---------- */ .nav-link-active::after, .nav-link::after { background: linear-gradient(90deg, #7c3aed, #d946ef) !important; } /* ============================================================ REMAPPAGE DES ACCENTS BLEUS → VIOLET/FUCHSIA (les classes Tailwind bleues éparpillées passent au violet pour que TOUT le site change de teinte, pas juste les boutons) ============================================================ */ .text-blue-300 { color: #d8b4fe !important; } .text-blue-400 { color: #c084fc !important; } .text-blue-500 { color: #a855f7 !important; } .hover\:text-blue-300:hover, .hover\:text-blue-400:hover { color: #e9d5ff !important; } .bg-blue-500 { background-color: #8b5cf6 !important; } .bg-blue-600 { background-color: #7c3aed !important; } .bg-blue-500\/10 { background-color: rgba(168, 85, 247, 0.10) !important; } .bg-blue-500\/20 { background-color: rgba(168, 85, 247, 0.20) !important; } .bg-blue-900\/20 { background-color: rgba(124, 58, 237, 0.15) !important; } .border-blue-500\/20 { border-color: rgba(168, 85, 247, 0.20) !important; } .border-blue-500\/30 { border-color: rgba(168, 85, 247, 0.30) !important; } .border-blue-500\/40 { border-color: rgba(217, 70, 239, 0.40) !important; } /* Dégradés Tailwind "from-blue" → violet */ .from-blue-600 { --tw-gradient-from: #7c3aed !important; } .from-blue-500 { --tw-gradient-from: #8b5cf6 !important; } /* ---------- Focus accessible (cohérent avec la marque) ---------- */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #d8b4fe !important; outline-offset: 2px; }