:root{--hybrid-bg:#fff;--hybrid-surface:#f4f5f1;--hybrid-border:#d9ded7;color-scheme:light}
:root[data-color-mode=dark]{--hybrid-bg:#151a17;--hybrid-surface:#222a25;--hybrid-border:#465249;--ink:#f1f4ef;--muted:#bcc6bd;--paper:#222a25;color-scheme:dark}
body{background:var(--hybrid-bg)}
.hybrid-mode-toggle{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #c5cbbf;border-radius:50%;background:#f4f5f1;color:#202623;cursor:pointer}
.hybrid-mode-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hybrid-mode-toggle .mode-sun{display:none}
[data-color-mode=dark] .hybrid-mode-toggle{background:#222a25;border-color:#657367;color:#ffda00}
[data-color-mode=dark] .hybrid-mode-toggle .mode-moon{display:none}[data-color-mode=dark] .hybrid-mode-toggle .mode-sun{display:block}
.hybrid-mode-toggle:hover{border-color:#9d8400}.hybrid-mode-toggle:focus-visible{outline:3px solid #b89b00;outline-offset:4px}
[data-color-mode=dark] .site-header{background:var(--hybrid-bg);border-color:var(--hybrid-border)}
[data-color-mode=dark] .site-header>a img{background:#fff;border-radius:10px;padding:8px}
[data-color-mode=dark] .entry-content .hero .herotext,[data-color-mode=dark] .entry-content .hybrid-photo-intro{background:var(--hybrid-bg)}
[data-color-mode=dark] .entry-content .hero .herotext:before{background-image:linear-gradient(90deg,rgba(21,26,23,.97),rgba(21,26,23,.89)),url('route-ambiance.jpg')}
[data-color-mode=dark] .entry-content .hybrid-photo-intro:before{background-image:linear-gradient(90deg,rgba(21,26,23,.97),rgba(21,26,23,.9)),url('route-ambiance.jpg')}
[data-color-mode=dark] .entry-content .hybrid-photo-intro p{color:var(--muted)}
[data-color-mode=dark] .caption{background:#222a25;color:#f1f4ef}
[data-color-mode=dark] .dark{background:#0d110e;color:#f1f4ef}[data-color-mode=dark] .dark p{color:#bcc6bd}
[data-color-mode=dark] .hybrid-highlights,[data-color-mode=dark] .strip{color:#202623}
[data-color-mode=dark] .card,[data-color-mode=dark] .contactbox,[data-color-mode=dark] .footer{background:var(--hybrid-surface)}
[data-color-mode=dark] .expert,[data-color-mode=dark] .project{border-color:var(--hybrid-border)}
[data-color-mode=dark] .project small,[data-color-mode=dark] .num,[data-color-mode=dark] .placeholder b{color:var(--muted)}
[data-color-mode=dark] .note{background:#302e1c;color:#f1f4ef}
[data-color-mode=dark] .entry-content .hybrid-clients-band{background:var(--hybrid-surface);border-color:var(--hybrid-border)}
[data-color-mode=dark] .entry-content .hybrid-client-logo{background:#fff;border-color:#d9ded7}
[data-color-mode=dark] .hybrid-expertise-icon{background:#fff;border-radius:14px;padding:4px}
[data-color-mode=dark] .entry-content .hybrid-home-fresque,[data-color-mode=dark] .entry-content .hybrid-home-fresque iframe{background:#141414}
[data-color-mode=dark] .frm_forms label,[data-color-mode=dark] .frm_forms .frm_primary_label,[data-color-mode=dark] .frm_forms .frm_description,[data-color-mode=dark] .frm_forms .frm_html_container{color:#f1f4ef!important}
[data-color-mode=dark] .frm_forms input:not([type=submit]):not([type=checkbox]):not([type=radio]),[data-color-mode=dark] .frm_forms textarea,[data-color-mode=dark] .frm_forms select{background:#151a17!important;color:#f1f4ef!important;border-color:#748276!important;box-shadow:none!important}
[data-color-mode=dark] .frm_forms input::placeholder,[data-color-mode=dark] .frm_forms textarea::placeholder{color:#aebbb0!important;opacity:1}
[data-color-mode=dark] .frm_forms .frm_error{color:#ffb8af!important}[data-color-mode=dark] .frm_forms .frm_message{background:#183d29;color:#e2fbe8;border-color:#78ac88}
[data-color-mode=dark] .entry-content input:focus-visible,[data-color-mode=dark] .entry-content textarea:focus-visible{outline:2px solid #ffda00;outline-offset:2px}
[data-color-mode=dark] .entry-content .btn:focus-visible,[data-color-mode=dark] .site-header .btn:focus-visible{outline-color:#ffda00!important}
@media(max-width:760px){.site-header nav{width:100%;gap:14px}.hybrid-mode-toggle{margin-left:auto}}
