/* MILELE — palette du logo (couleurs seulement, générées depuis milele-v4.css) */
:root{--navy:#212225;--blue:#2e2f33;--teal:#f5b800;--text:#202124;--line:#e6e1d6;--bg:#f9f8f5}
.header{box-shadow:0 3px 14px #2122250d}
.btn:hover{box-shadow:0 12px 25px #2122252a}
.btn-light{border:1px solid #e7e1d2}
.eyebrow{color:#a16207}
.eyebrow.light{color:#fcc419}
.hero{background:radial-gradient(ellipse at 73% 45%,#4a4b50 0%,#2b2c30 50%,#141517 100%)}
.text-link{color:#2e2f33}
.sector-card{border:1px solid #e7e3da;box-shadow:0 5px 12px #2122250a}
.sector-copy small{color:#46474c}
.round-arrow{color:#2e2f33}
.trust{background:linear-gradient(115deg,#202124,#34353a)}
.builder{background:linear-gradient(105deg,#fbf5e2,#fdf9ee)}
.builder-steps b{color:#3a3b40}
.builder-steps span{background:#2e2f33}
.page-hero{background:radial-gradient(circle at 90% 5%,#46474c,#232427 70%)}
.filter-bar input,.filter-bar select,.form-shell input,.form-shell select,.form-shell textarea{border:1px solid #ddd8cc}
.catalog-mark{background:#fbf3dc;color:#2e2f33}
.tags span{background:#f4f2ec}
.feature-panel{border:1px solid #e6e0d0}
.wizard-progress span{background:#f3f1ec}
.wizard-progress .active{background:#fdf1c7;color:#2e2f33}
.choice:has(input:checked){border-color:#2e2f33;background:#fdf4d6}
.choice input{accent-color:#2e2f33}
.wizard-summary{background:#f6f4ee}
.footer p{color:#cfcbc2}
.footer a:not(.brand){color:#d2cec5}
.footer-bottom{color:#c4c0b7}
/* ==========================================================================
   V4 pages — charte (planche « MILELE V4 kit complet »)
   ========================================================================== */
:root{--navy:#26272b;--text:#202124;--bg:#f9f8f5}
.nav-drop{box-shadow:0 18px 45px #26272b26}
.nav-drop a:hover{background:#f4f2ec}
.nav-drop .drop-all{color:#2e2f33}
.mobile-menu .mm-label{color:#a16207}
/* Page heroes */
.page-hero{background:radial-gradient(ellipse at 85% 10%,#4a4b50 0%,#26272b 55%,#1d1e21 100%)}
/* Media */
.media-frame{box-shadow:0 25px 60px -20px #26272b80;background:#26272b}
/* App mock (illustration d'interface, données fictives) */
.app-mock{box-shadow:0 30px 60px -25px #26272b99}
.app-mock aside{color:#e3dfd6}
.phone-mock .notch{background:#38393e}
.bubble{box-shadow:0 3px 8px #26272b14}
.bubble b{color:#2e2f33}
/* Cards */
.card{box-shadow:0 10px 30px -18px #26272b40}
.card-link{color:#2e2f33}
.icon-row:hover{box-shadow:0 14px 30px -18px #26272b55}
.icon-row .ico-go{color:#2e2f33}
.tag{background:#fbf6e6;color:#2e2f33}
/* Dark band */
.dark-band{background:radial-gradient(ellipse at 90% 0,#4a4b50,#26272b 60%)}
.dark-band p{color:#d8d4cb}
.dark-band .card p{color:#d8d4cb}
.steps-circles .num{box-shadow:0 0 0 8px #f2ecdb}
.config-steps b{color:#fcc419}
.config-steps span{color:#d8d4cb}
/* Forms (devis / connexion) */
.notice{background:#faf6ec;border:1px solid #efe2b8}
.notice .ico{color:#2e2f33}
.builder-steps b{color:#3a3b40}
/* ==========================================================================
   Kit UI/UX « MILELE pour entreprises africaines » (11 écrans)
   ========================================================================== */
.tone-navy{background:linear-gradient(135deg,#3a3b40,#26272b);color:#26272b}
.footer-addr{color:#d2cec5}
.status-parametrage{background:#fbf6e6;color:#3a3b40}
/* Light hero (pages Solutions, Solution, Modules, Tarifs…) */
.light-hero{background:linear-gradient(180deg,#f7f5ef 0%,#fbfaf7 70%,#fff 100%)}
.float-chip{box-shadow:0 14px 30px -12px #26272b55}
.eco-card{box-shadow:0 18px 40px -26px #26272b66}
.search-box{border:1px solid #e2ddd2}
.config-band{background:linear-gradient(105deg,#fbf3dc,#fdf8ec)}
.config-band .builder-steps li{box-shadow:0 10px 24px -18px #26272b66}
/* Sector page */
.sector-hero{background:linear-gradient(90deg,#26272b 0%,#26272b 45%,#26272bcc 62%,#26272b33 100%),var(--hero-img) right center / auto 100% no-repeat,#26272b}
.sector-hero p{color:#dedad1}
.hero-stats small{color:#d8d4cb}
.tabs{box-shadow:0 -8px 30px -24px #26272b55}
.tabs a[aria-selected="true"]{color:#2e2f33;border-bottom-color:#2e2f33}
.feat-nav button[aria-selected="true"]{background:#2e2f33;box-shadow:0 10px 22px -12px #2e2f33}
.feat-panel{box-shadow:0 16px 40px -30px #26272b66}
.feat-search input{border:1px solid #e2ddd2}
.filter-chips button{border:1px solid #e2ddd2;background:#f5f3ef}
.filter-chips button[aria-pressed="true"]{background:#2e2f33;border-color:#2e2f33}
.btn-soft{background:#f3f1ec}
.stepper span.active i{background:#2e2f33;border-color:#2e2f33}
.sector-tile{border:1.5px solid #e4e0d6}
.sector-tile:has(input:checked){border-color:#2e2f33;box-shadow:0 0 0 3px #2e2f3333;background:#fbf7ec}
.logo-card.c-blue{color:#2b2c30}
.stats-row strong{color:#2e2f33}
.post-card .cat{color:#2e2f33}
/* About */
.about-hero{background:linear-gradient(90deg,#fff 0%,#fff 40%,#ffffff00 70%),linear-gradient(180deg,#f7f3e8,#fbfaf6)}
/* Login */
.login-split{box-shadow:0 40px 80px -40px #26272b88}
.login-aside{background:radial-gradient(ellipse at 20% 100%,#4a4b50,#26272b 65%)}
.login-aside p{color:#d8d4cb}
.login-form input,.login-form select{border:1px solid #e2ddd2}
@media(max-width:1050px){
.sector-hero{background:#26272b}
}
.sector-card .sector-icon.tone-navy{background:linear-gradient(135deg,#3a3b40,#26272b)}
.sector-hero{background:radial-gradient(ellipse at 85% 30%,#4a4b50,#26272b 60%)}
.sol-card .sol-visual.tone-navy{background:linear-gradient(135deg,#3a3b40,#26272b)}
/* ==========================================================================
   Hero colour per business application (--hero-a dark, --hero-b light),
   set from the sector "hero" colours in the catalogue
   ========================================================================== */
.app-hero{--hero-a:#26272b;--hero-b:#4a4b50}
.app-hero .lead,.app-hero p{color:#e6e2d9}
.app-hero .sol-title p{color:#e6e2d9}
.quickbar{box-shadow:0 20px 40px -26px #26272b66}
.journey-banner{background:#1c1d20 var(--photo) center/cover no-repeat}
.journey-banner .facts{background:linear-gradient(0deg,#151618ee,#15161899)}
.iface-tabs button{border:1px solid #e2ddd2;background:#f5f3ef}
.iface-tabs button[aria-selected="true"]{background:#2e2f33;border-color:#2e2f33}
.pill-s.s-en-devis{color:#3a3b40}
.cta-photo{background:linear-gradient(180deg,#1c1d20dd,#1c1d20f2),var(--photo) center/cover no-repeat}
.cta-photo p{color:#dedad1}
.footnote-star{color:#d8d4cb}
.sector-card2{border:1px solid #e7e3da}
.sx-hero .eyebrow{color:#fcc419}
.sx-tile:hover{box-shadow:0 14px 30px -18px #26272b66}
.sx-atouts{background:#fbf7ec}
.sx-cta{background:#faf6ec}
.btn-outline-blue{color:#2b2c30;border:2px solid #2b2c30}
.fab-tip{box-shadow:0 10px 24px -10px #26272b66}
/* ==========================================================================
   Vidéos : lecteur + carrousel
   ========================================================================== */
.vs{background:radial-gradient(ellipse at 10% 0%,#3a3b40 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#7c3aed88 0%,transparent 50%),linear-gradient(135deg,#18191b,#26272b)}
.vs .eyebrow{color:#fcc419}
.vs-info p{color:#d8d4cb}
.vw-backdrop{background:radial-gradient(ellipse at 30% 20%,#3a3b4055,transparent 60%),#030b1fd9}
.vw-dialog{background:linear-gradient(160deg,#26272b,#18191b 60%,#2c2a24)}
.vw-kicker{color:#fcc419}
.vw-desc{color:#d8d4cb}
.vw-yt{color:#d8d4cb}
.vdock-bar{box-shadow:0 24px 50px -18px #26272b88,inset 0 1px 0 #ffffffb3}
.vdock-sep{background:#26272b33}
.vdock-dot{background:#26272b}
.vdock-tip{background:#232427e6}
.vdock-tip:after{border-top-color:#232427e6}
.vdock-tab{box-shadow:0 14px 30px -14px #26272b88}
.vdock-tv{color:#26272b}
.vdock-tag{box-shadow:0 8px 18px -8px #26272b99,0 0 0 1px #f5d9b0}
.vdock-tag:before{background:#26272b}
.vdock-tv rect:first-child{fill:#26272b}
.eco-logo{box-shadow:0 8px 18px -12px #26272b66}
.about-tile{box-shadow:0 22px 44px -22px #26272b88}
.about-badge{box-shadow:0 18px 40px -12px #26272b99}
.case-results .list-check li{color:#e6e2d9}
.case-card:hover{box-shadow:0 18px 40px -22px #26272b88}
.about-facts div{box-shadow:0 10px 24px -20px #26272b88}
.about-coords b{color:#b5b1a8}
.mut-flow li{box-shadow:0 12px 26px -22px #26272b88}
.mut-flow-icon{background:linear-gradient(135deg,#26272b,#2e2f33)}
.case-meta-light span,.case-meta-light a{background:#fbf6e6;border-color:#efe2b8}
.mut-card{box-shadow:0 26px 50px -22px #26272b99}
.mut-avatar{background:#f4f2ec}
.mut-qr i.on{background:#26272b}
/* ==========================================================================
   Accueil : hors ligne + synchro + plateformes
   ========================================================================== */
.os-band{background:radial-gradient(ellipse at 85% 20%,#3a3b40aa,transparent 55%),radial-gradient(ellipse at 0% 100%,#0d9488aa,transparent 50%),linear-gradient(135deg,#151618,#26272b)}
.os-copy .eyebrow{color:#fcc419}
.os-copy .lead{color:#dedad1}
.os-points small{color:#c8c4bb}
.os-note{color:#b5b1a8}
.os-web{background:linear-gradient(135deg,#3b82f6,#3a3b40)}
.os-plat{box-shadow:0 24px 44px -26px #26272b88}
.os-plat:hover{box-shadow:0 30px 50px -26px #26272b99}
.os-plat-web .os-plat-ico{background:linear-gradient(135deg,#3b82f6,#3a3b40)}
:root{--navy:#26272b;--blue:#2e2f33;--orange:#f5b800;--orange-2:#ffd43b;--teal:#f5b800;--text:#202124;--muted:#5f6066;--line:#e7e3da;--bg:#f9f8f5;--gold:#f5b800;--gold-dark:#a16207;--shadow:0 12px 35px rgba(32,33,36,.10)}
.btn-primary{background:linear-gradient(120deg,#ffd43b,#f5b800 55%,#f0a500);color:#1c1d20}
.btn-primary:hover{box-shadow:0 12px 26px -8px #f5b80099}
.btn-primary .ico{color:#1c1d20}
.text-link,.card-link,.text-link:hover{color:#a16207}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"],.nav-item>button[aria-current="page"]{color:#a16207}
.eyebrow{color:#a16207}
.eyebrow.light,.app-hero .eyebrow,.dark-band .eyebrow,.os-copy .eyebrow,.vs .eyebrow,.sx-hero .eyebrow{color:#fcc419}
.hero h1 em,.sx-hero h1 em,.garage-hero h1 em,.app-hero h1 em{color:#fcc419}
.light-hero h1 em{color:#a87b00}
.hero{background:radial-gradient(ellipse at 73% 45%,#4a4b50 0%,#26272b 50%,#151618 100%)}
.page-hero{background:radial-gradient(ellipse at 85% 10%,#4a4b50 0%,#26272b 55%,#18191b 100%)}
.dark-band{background:radial-gradient(ellipse at 90% 0,#4a4b50,#26272b 60%)}
.trust{background:linear-gradient(115deg,#1c1d20,#34353a)}
.trust-items strong,.trust-items .ico{color:#fcc419}
.footer{background:#18191b}
.tag,.tag.orange{background:#fdf1c7;color:#8a5a00}
.status-parametrage{background:#f3f1ec;color:#46474c}
.price-card.highlight,.plan.highlight{border-color:#f5b800}
.price-card .ribbon,.plan .badge,.os-badge{background:#f5b800;color:#1c1d20}
.os-plat-web .os-badge{background:#16a34a;color:#fff}
.sx-nav a.active,.billing-toggle button[aria-pressed="true"],.filter-chips button[aria-pressed="true"],.iface-tabs button[aria-selected="true"],.feat-nav button[aria-selected="true"]{background:#26272b;color:#fff;border-color:#26272b}
.tabs a[aria-selected="true"]{color:#26272b;border-bottom-color:#f5b800}
.stepper span.active i{background:#26272b;border-color:#26272b}
.stepper span i{border-color:#f5d76e}
.choice:has(input:checked),.sector-tile:has(input:checked){border-color:#f5b800;background:#fffaeb}
.wizard .choice:has(input:checked):after{background-color:#f5b800;border-color:#f5b800}
.round-arrow{color:#26272b}
.fab-build{background:linear-gradient(120deg,#26272b,#4a4b50,#f5b800,#26272b);background-size:300% 100%;box-shadow:0 14px 30px -10px #26272baa}
.fab-build:before{border-color:#f5b800}
.fab-build-icon{background:#f5b800;color:#1c1d20}.fab-build-icon .ico{color:#1c1d20}
.vdock-brand{background:linear-gradient(135deg,#ffd43b,#f5b800 50%,#26272b)}
.vdock-tag{color:#8a5a00}
.vs{background:radial-gradient(ellipse at 10% 0%,#4a4b50 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#f5b80033 0%,transparent 50%),linear-gradient(135deg,#151618,#2b2c30)}
.vs-play,.vs-mini-play{background:linear-gradient(135deg,#ffd43b,#f5b800);color:#1c1d20}
.vs-thumb.is-active,.vw-item.is-active{box-shadow:inset 0 0 0 2px #f5b800}
.vw-dialog{background:linear-gradient(160deg,#2b2c30,#18191b 60%,#24211a)}
.os-band{background:radial-gradient(ellipse at 85% 20%,#f5b80033,transparent 55%),radial-gradient(ellipse at 0% 100%,#4a4b50aa,transparent 50%),linear-gradient(135deg,#151618,#2b2c30)}
.os-copy h2 em{background-image:linear-gradient(90deg,#ffd43b,#f5b800)}
.os-cloud{background:linear-gradient(135deg,#ffd43b,#f5b800);color:#1c1d20}.os-cloud .ico{color:#1c1d20}
.os-cloud-pulse{border-color:#f5b800}
.os-dot{fill:#ffd43b;filter:drop-shadow(0 0 6px #ffd43b)}.os-dot-b{fill:#fff;filter:drop-shadow(0 0 6px #fff)}
.mut-flow li:before{background:#f5b800;color:#1c1d20}
.mut-flow-icon{background:linear-gradient(135deg,#26272b,#4a4b50)}
.steps-circles .num{background:#26272b;box-shadow:0 0 0 8px #f5ecd2}
.config-steps span.active i{background:#f5b800;color:#1c1d20}
.about-coords .ico,.trust-items small{color:#fcc419}
.skip:focus{outline:3px solid #f5b800}