/* ============================================================ GODOI — theme-alt.css Variante de thème CLAIR (crème + vert), activée quand . Le thème sombre reste le défaut. Le préfixe [data-theme="light"] augmente la spécificité et l'emporte donc sur les règles sombres, quel que soit l'ordre. ============================================================ */ /* ── Bouton bascule (visible dans les deux thèmes) ── */ .theme-toggle { background: transparent; border: 1px solid var(--line); color: var(--bone-dim); width: 42px; height: 42px; display: grid; place-items: center; font-size: 1.05rem; line-height: 1; transition: all var(--transition); flex-shrink: 0; } .theme-toggle:hover { border-color: var(--ember); color: var(--ember); } .theme-toggle__moon { display: none; } .theme-toggle__sun { display: inline; } [data-theme="light"] .theme-toggle__sun { display: none; } [data-theme="light"] .theme-toggle__moon { display: inline; } /* ══════════ PALETTE CLAIRE ══════════ */ :root[data-theme="light"] { --charcoal: #F5F2E9; --soot: #ECE8DA; --soot-2: #E0DACA; --ember: #4F7A34; --ember-lt: #5E8C33; --copper: #6E7D55; --oak: #3C5531; --bone: #23331D; --bone-dim: #55614A; --line: rgba(35, 51, 29, .14); --placeholder: #8A9377; --lime: #A7D06A; --gold: #B8912F; --on-dark: #F2F5EC; --on-dark-dim: #C4D2B4; --green-deep: #1C3A26; --green-deep-2: #14301D; --success: #4F7A34; --error: #B23A2B; --warning: #B5842A; --info: #6E7D55; } /* ── Navigation crème ── */ [data-theme="light"] .nav { background: rgba(245, 242, 233, .82); backdrop-filter: blur(12px); border-bottom: 1px solid transparent; } [data-theme="light"] .nav.is-stuck { background: rgba(245, 242, 233, .96); border-bottom: 1px solid var(--line); box-shadow: 0 6px 30px rgba(35, 51, 29, .06); } @media (max-width: 1000px) { [data-theme="light"] .nav__menu { background: rgba(245, 242, 233, .98); } } /* ── Footer : bande vert profond (comme le flyer) ── */ [data-theme="light"] .footer { background: var(--green-deep); border-top: none; } [data-theme="light"] .footer .brand__txt { color: var(--on-dark); } [data-theme="light"] .footer .brand__sub { color: var(--lime); } [data-theme="light"] .footer__brand-text { color: var(--on-dark-dim); } [data-theme="light"] .footer__col h4 { color: var(--lime); } [data-theme="light"] .footer__col a { color: var(--on-dark-dim); } [data-theme="light"] .footer__col a:hover { color: var(--lime); } [data-theme="light"] .footer__bottom { border-top-color: rgba(242, 245, 236, .14); } [data-theme="light"] .footer__bottom p { color: rgba(242, 245, 236, .55); } /* ── HERO : dégradé crème révélant la photo à droite ── */ [data-theme="light"] .hero__bg img { filter: brightness(1) saturate(1.06) contrast(1.02); } [data-theme="light"] .hero__bg::after { background: linear-gradient(100deg, var(--charcoal) 0%, rgba(245, 242, 233, .96) 42%, rgba(245, 242, 233, .60) 66%, rgba(245, 242, 233, .08) 100%); } [data-theme="light"] .hero__stats { background: rgba(245, 242, 233, .74); border-top: 1px solid var(--line); backdrop-filter: blur(8px); } /* ── Section CONTACT : bande vert profond + texte clair ── */ [data-theme="light"] .contact__bg img { filter: brightness(.5) saturate(1.1); } [data-theme="light"] .contact__bg::after { background: linear-gradient(90deg, var(--green-deep-2) 0%, rgba(20, 48, 29, .90) 48%, rgba(20, 48, 29, .96) 100%); } [data-theme="light"] .contact .eyebrow { color: var(--lime); } [data-theme="light"] .contact .eyebrow::before { background: var(--lime); } [data-theme="light"] .contact-l h2 { color: var(--on-dark); } [data-theme="light"] .contact-l h2 i { color: var(--lime); } [data-theme="light"] .contact-l > p { color: var(--on-dark-dim); } [data-theme="light"] .contact .crow { border-bottom-color: rgba(242, 245, 236, .16); } [data-theme="light"] .contact .crow__i { border-color: rgba(242, 245, 236, .20); color: var(--lime); } [data-theme="light"] .contact .crow__l { color: var(--on-dark-dim); } [data-theme="light"] .contact .crow__v, [data-theme="light"] .contact .crow__v a { color: var(--on-dark); } /* ── GALERIE : dégradé bas vert profond + libellés clairs ── */ [data-theme="light"] .gal-ov { background: linear-gradient(to top, rgba(20, 48, 29, .94) 0%, transparent 64%); } [data-theme="light"] .gal-cat { color: var(--lime); } [data-theme="light"] .gal-t { color: var(--on-dark); } [data-theme="light"] .gal-m { color: var(--on-dark-dim); } /* ── PROCESS : chiffre filigrane vert pâle sur crème ── */ [data-theme="light"] .step__n { color: #D3E0C2; }