/* ═══════════════════════════════════════════════════════ THÈME CLAIR — Rouge & Blanc Classe appliquée sur ═══════════════════════════════════════════════════════ */ [data-theme="light"] { --rouge: #C8102E; --rouge-sombre:#9B0D22; --noir: #1a1a2e; --noir-doux: #16213e; } /* Header : blanc avec bordure rouge bas */ [data-theme="light"] .site-header { background: #ffffff; border-bottom: 3px solid var(--rouge); box-shadow: 0 2px 20px rgba(0,0,0,0.08); } [data-theme="light"] .site-header.scrolled { background: rgba(255,255,255,0.97); backdrop-filter: blur(10px); box-shadow: 0 4px 24px rgba(0,0,0,0.12); } [data-theme="light"] .header__logo-firma { color: var(--rouge); } [data-theme="light"] .header__logo-gros { color: #333; } [data-theme="light"] .header__search-input { background: #f5f5f5; border-color: #e0e0e0; color: #111; } [data-theme="light"] .header__search-input::placeholder { color: rgba(0,0,0,0.4); } [data-theme="light"] .header__search-input:focus { border-color: var(--rouge); background: #fff; } [data-theme="light"] .header__search-icon { color: rgba(0,0,0,0.35); } [data-theme="light"] .header__nav-link { color: #444; } [data-theme="light"] .header__nav-link:hover { color: var(--rouge); background: rgba(200,16,46,0.06); } [data-theme="light"] .header__action-btn { color: #444; } [data-theme="light"] .header__action-btn:hover { background: rgba(0,0,0,0.06); color: #111; } [data-theme="light"] .header__user-btn { color: #444; border-color: #ddd; } [data-theme="light"] .header__hamburger span { background: #333; } [data-theme="light"] .mobile-menu { background: #fff; border-left: 3px solid var(--rouge); box-shadow: -8px 0 48px rgba(0,0,0,0.15); } [data-theme="light"] .mobile-menu a { color: #333; border-color: #f0f0f0; } [data-theme="light"] .mobile-menu__close { color: #666; } /* Hero : dégradé blanc → rose pâle */ [data-theme="light"] section.hero { background: linear-gradient(135deg, #fff 0%, #fafafa 40%, #fff5f5 100%) !important; } [data-theme="light"] .hero h1 span:not([style*="color"]) { color: #111 !important; } [data-theme="light"] .hero p[style*="rgba(255,255,255"] { color: #555 !important; } [data-theme="light"] .hero__stats { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.08) !important; } [data-theme="light"] .hero__stats > div > div:first-child { color: #111 !important; } [data-theme="light"] .hero__stats > div > div:last-child { color: rgba(0,0,0,0.4) !important; } [data-theme="light"] .particle { background: rgba(200,16,46,0.2) !important; } /* Cards flottantes hero — thème clair */ [data-theme="light"] .hero__visual > div { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.09) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important; } [data-theme="light"] .hero__visual > div > div:nth-child(2) { color: #111 !important; } [data-theme="light"] .hero__visual [style*="rgba(255,255,255,0.05)"] { background: rgba(0,0,0,0.04) !important; border-color: rgba(0,0,0,0.1) !important; } [data-theme="light"] .hero__visual [style*="rgba(255,255,255,0.05)"] div { color: #111 !important; } /* Scroll indicator */ [data-theme="light"] .scroll-indicator { border-color: rgba(0,0,0,0.2); } /* Sections */ [data-theme="light"] .section--dark { background: #1a1a2e; } /* Footer */ [data-theme="light"] .site-footer { background: #1a1a2e; }