/* ===================================================================================================== Gondar Orient · version fond blanc « Liquid Glass » (demande de Haïlé du 29 octobre 2026) Toutes les règles sont préfixées :root[data-theme="light"] : la version fond noir n'est jamais touchée. Ce préfixe (0,2,0) passe devant les anciennes règles du thème blanc (html[data-theme="light"], 0,1,1). Fond : image « option 1 fond GO » (fond-go.webp, fond-go-m.webp sur téléphone), chargée seulement en thème blanc. Texte noir ; aplats noirs ; bleu signature GO gardé sur quelques éléments seulement (7 novembre 2026 : voir « bleu signature conservé ») ; couleurs de sens dans l'outil et Mon compte. Contrôle : python tools/audit_clair.py Écran seulement : à l'impression (rapport PDF de l'outil, src/rapport.js de gondar-outil), les règles d'origine s'appliquent. ===================================================================================================== */ @media screen{ /* ---------- 1. Jetons ---------- */ :root[data-theme="light"]{ --lg-ink:#0A0A0A; --lg-ink-2:#0A0A0A; --lg-ink-3:#0A0A0A; /* texte : noir vrai partout (3 novembre 2026) */ --lg-plein:#0A0A0A; --lg-plein-h:#2A2A2A; --lg-plein-o:rgba(10,10,10,.42); /* aplats : noir (7 novembre 2026), survol, ombre */ --lg-hair:rgba(10,10,10,.12); /* filets et séparateurs */ --lg-glass:rgba(255,255,255,.46); /* panneau */ --lg-glass-2:rgba(255,255,255,.30); /* carte posée sur un panneau */ --lg-glass-3:rgba(255,255,255,.62); /* champ de saisie, surface à lire de près */ --lg-rim:rgba(255,255,255,.72); /* bordure fine, côté lumière */ --lg-rim-2:rgba(255,255,255,.45); --lg-blur:saturate(1.5) blur(22px); --lg-light:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.18); /* reflet */ --lg-shadow:0 1px 2px rgba(16,24,40,.05), 0 18px 48px -12px rgba(16,24,40,.18); --lg-shadow-2:0 1px 2px rgba(16,24,40,.04), 0 8px 24px -10px rgba(16,24,40,.14); --lg-r-l:28px; --lg-r-m:20px; --lg-r-s:14px; /* anciennes variables de couleur ramenées au noir et aux neutres */ --ink:#0A0A0A; --ultra:#0A0A0A; --ultra-dark:#000; --ultra-bright:#0A0A0A; --ultra-soft:var(--lg-glass-2); --line:var(--lg-hair); --text-soft:#0A0A0A; --text-dim:var(--lg-ink-2); --card:var(--lg-glass); --cream:var(--lg-glass-2); --shadow-card:var(--lg-shadow); --shadow-card-hover:0 2px 4px rgba(16,24,40,.06), 0 26px 60px -14px rgba(16,24,40,.24); --shadow-glow:0 10px 28px -8px rgba(10,10,10,.35); --go-bd:var(--lg-rim); } /* 03 et contact redéfinissaient un quadrillage bleu */ :root[data-theme="light"] :is(#core,#contact){ --go-bd:var(--lg-rim); --line:var(--lg-hair); } /* l'outil d'export garde ses couleurs (traité dans gondar-outil) */ :root[data-theme="light"] #outil-root{ --ultra:#2F43FF; --ultra-dark:#1B27C4; --ultra-bright:#2F43FF; --ultra-soft:#EEF1FF; --card:#FFFFFF; --cream:#F2F3F5; --line:rgba(0,0,0,.12); --text-dim:rgba(0,0,0,.62); --shadow-glow:0 10px 40px rgba(47,67,255,.35); } /* ---------- 2. Fond global ---------- */ :root[data-theme="light"], :root[data-theme="light"] body{ background:#C9DAEC !important; } :root[data-theme="light"] body{ background:transparent !important; } :root[data-theme="light"] body::before{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:#C9DAEC url(fond-go.webp) center 62% / cover no-repeat; } @media (max-width:760px){ :root[data-theme="light"] body::before{ background-image:url(fond-go-m.webp); background-position:center 70%; } } /* les parties, vues et bandeaux laissent voir le fond */ :root[data-theme="light"] :is(#view-home, #view-home > section, #view-home > section.part-a, #view-home > section.part-b, #view-home > section.band, #view-home > section#contact, .band, footer, .view, .fiche, .core-cta){ background:transparent !important; } :root[data-theme="light"] #view-home > section, :root[data-theme="light"] #view-home > section.hero, :root[data-theme="light"] footer{ border-top:none !important; border-bottom:none !important; } :root[data-theme="light"] .part{ border-top:none !important; } :root[data-theme="light"] .part::before{ display:none; } /* ---------- 3. Typographie : Inter partout ---------- */ :root[data-theme="light"] body, :root[data-theme="light"] :is(header .nav-pill, header .nav-cta, header .langbtn, header .themebtn span[data-t], .mobile-menu a, .mm-prefs, .gs-name, button, input, select, textarea){ font-family:'Inter', system-ui, sans-serif !important; } /* mots en italique de l'accroche (plaçons, rayons, asiatiques) : même style que la version noire, Instrument Serif italique (3 novembre 2026) */ :root[data-theme="light"] :is(.lead,.form-note,.ap-text p,.cc p,.step-card p,.mk-pos){ color:var(--lg-ink-2) !important; } :root[data-theme="light"] :is(.lead b,.lead strong,.mk-pos b){ color:var(--lg-ink) !important; } /* mots en dégradé bleu : noir plein */ :root[data-theme="light"] :is(.grad-text, #onboarding .onb .grad-text, .grad){ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; color:var(--lg-ink) !important; -webkit-text-fill-color:var(--lg-ink) !important; text-shadow:none !important; } :root[data-theme="light"] .sec-title{ text-shadow:none !important; } /* surtitres et étiquettes de partie */ :root[data-theme="light"] .hero-kicker{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; color:var(--lg-ink-2) !important; -webkit-text-fill-color:var(--lg-ink-2) !important; } :root[data-theme="light"] :is(.part-label, .part-label span, .step-k, .sec-eyebrow, .c-k, .ft-h, .oc-h, .mk, .model-item .mk){ color:var(--lg-ink-2) !important; -webkit-text-fill-color:var(--lg-ink-2) !important; } :root[data-theme="light"] .part-label .pn{ color:var(--lg-ink-3) !important; -webkit-text-fill-color:var(--lg-ink-3) !important; } :root[data-theme="light"] .part-label .pl-line{ background:var(--lg-hair) !important; } /* ---------- 4. Surfaces vitrées ---------- */ /* niveau 1 : panneau (en-tête, tableau 03, Fiche Marché, formulaire de contact) */ :root[data-theme="light"] :is(header, nav.top, .core-panel, .price-card, .price-card.feature, .contact-card){ background:var(--lg-glass) !important; -webkit-backdrop-filter:var(--lg-blur) !important; backdrop-filter:var(--lg-blur) !important; border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow) !important; color:var(--lg-ink); } :root[data-theme="light"] :is(.core-panel, .price-card, .contact-card){ border-radius:var(--lg-r-l) !important; } :root[data-theme="light"] .price-card:hover{ border-color:#fff !important; box-shadow:var(--lg-light), var(--shadow-card-hover) !important; } /* niveau 2 : cartes posées sur un panneau */ :root[data-theme="light"] :is(.step-card, .hs-party){ background:var(--lg-glass-2) !important; border:1px solid var(--lg-rim-2) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important; border-radius:var(--lg-r-m) !important; } :root[data-theme="light"] .core-right{ border-left-color:var(--lg-hair) !important; } /* carte mise en avant : bleu signature */ :root[data-theme="light"] .step-card.final-step{ background:var(--lg-plein) !important; border-color:var(--lg-plein) !important; box-shadow:0 14px 34px -14px var(--lg-plein-o) !important; } :root[data-theme="light"] .step-card.final-step :is(h4,p,li,div,span,small){ color:#fff !important; -webkit-text-fill-color:#fff !important; } :root[data-theme="light"] .step-badge{ background:var(--lg-plein) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; } :root[data-theme="light"] #core .step-card.final-step .step-badge{ background:#fff !important; color:#2F43FF !important; -webkit-text-fill-color:#2F43FF !important; } :root[data-theme="light"] :is(.core-badge, .hs-icon){ background:var(--lg-plein) !important; color:#fff !important; box-shadow:0 8px 22px -10px var(--lg-plein-o) !important; } /* en-tête : barre vitrée */ :root[data-theme="light"] :is(header, nav.top){ border-width:0 0 1px !important; border-radius:0 !important; border-bottom-color:var(--lg-rim-2) !important; background:rgba(255,255,255,.38) !important; } /* ---------- 5. Boutons, liens, sélecteurs ---------- */ :root[data-theme="light"] :is(.btn-accent, .nav-cta, .mobile-menu a.mm-cta, button.go-next){ background:var(--lg-plein) !important; color:#fff !important; border:1px solid var(--lg-plein) !important; box-shadow:0 8px 20px -10px var(--lg-plein-o) !important; } :root[data-theme="light"] :is(.btn-accent, .nav-cta, button.go-next):hover{ background:var(--lg-plein-h) !important; transform:translateY(-1px); } /* « Me connecter » : bouton secondaire vitré (header : passe devant le groupe ci-dessus, dont .mobile-menu a.mm-cta fixe la priorité) */ :root[data-theme="light"] header .nav-cta.nav-login{ background:var(--lg-glass-3) !important; color:var(--lg-ink) !important; border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow-2) !important; } :root[data-theme="light"] header .nav-cta.nav-login:hover{ background:#fff !important; } :root[data-theme="light"] .btn-outline{ background:var(--lg-glass-3) !important; color:var(--lg-ink) !important; -webkit-text-fill-color:var(--lg-ink) !important; border:1px solid var(--lg-rim) !important; -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); box-shadow:var(--lg-light), var(--lg-shadow-2) !important; } :root[data-theme="light"] .btn-outline:hover{ background:#fff !important; } :root[data-theme="light"] :is(.pc-cta, .form-mail, .tc-note a, .legal-wrap a){ color:var(--lg-ink) !important; -webkit-text-fill-color:var(--lg-ink) !important; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; } :root[data-theme="light"] :is(.nav-pill, footer a, .ft-col a){ color:var(--lg-ink) !important; } /* menu : plus de soulignement ni de trait ; légère surbrillance au survol et sur la rubrique active (7 novembre 2026) */ :root[data-theme="light"] .nav-pill{ border-radius:100px; transition:background-color .15s; } :root[data-theme="light"] .nav-pill:hover, :root[data-theme="light"] .nav-pill.is-active{ color:var(--lg-ink) !important; text-decoration:none; background:rgba(10,10,10,.06) !important; } :root[data-theme="light"] .nav-pill.is-active::after{ display:none !important; } /* bleu signature conservé (7 novembre 2026) : Contact, carte « La commande », « Plan lancement Asie », carré « Tester mon produit » */ :root[data-theme="light"] :is(header .nav-cta:not(.nav-login), .mobile-menu a.mm-cta, .step-card.final-step, .core-badge, #view-landing .lp-go){ background:#2F43FF !important; border-color:#2F43FF !important; box-shadow:0 12px 30px -14px rgba(27,39,196,.42) !important; } :root[data-theme="light"]:not(#_) header .nav-cta:not(.nav-login):hover{ background:#1B27C4 !important; } /* langue et thème */ :root[data-theme="light"] .langbar{ background:var(--lg-glass-2) !important; border:1px solid var(--lg-rim-2) !important; } :root[data-theme="light"] .langbtn{ color:var(--lg-ink) !important; background:transparent !important; } :root[data-theme="light"] .langbtn.active{ background:var(--lg-plein) !important; color:#fff !important; } :root[data-theme="light"] .menu-btn{ border-color:var(--lg-rim) !important; background:var(--lg-glass-2); } :root[data-theme="light"] .mobile-menu{ background:rgba(255,255,255,.72) !important; -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); border-top-color:var(--lg-rim-2) !important; } :root[data-theme="light"] .mobile-menu a{ color:var(--lg-ink) !important; border-bottom-color:var(--lg-hair) !important; } :root[data-theme="light"] .mobile-menu a.mm-cta{ color:#fff !important; } :root[data-theme="light"] .mm-prefs{ border-bottom-color:var(--lg-hair) !important; } /* focus clavier */ :root[data-theme="light"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{ outline:2px solid var(--lg-ink) !important; outline-offset:3px; } /* logo noir */ :root[data-theme="light"] :is(.logo, .footer-logo, .ft-sign-logo){ --go-g1:#0A0A0A; --go-g2:#0A0A0A; --go-g3:#0A0A0A; } /* ---------- 6. Champs ---------- */ :root[data-theme="light"] :is(input, textarea, select):not(#outil-root *):not(#compte-root *){ background:var(--lg-glass-3) !important; color:var(--lg-ink) !important; border:1px solid rgba(10,10,10,.14) !important; border-radius:var(--lg-r-s); box-shadow:inset 0 1px 2px rgba(16,24,40,.05) !important; } :root[data-theme="light"] :is(input, textarea, select):not(#outil-root *):not(#compte-root *):focus{ background:rgba(255,255,255,.86) !important; border-color:var(--lg-ink) !important; } :root[data-theme="light"] :is(input, textarea)::placeholder{ color:var(--lg-ink-3); } /* ---------- 7. Parties de l'accueil ---------- */ /* accroche : photo dans un cadre vitré arrondi, au lieu d'un fondu blanc */ :root[data-theme="light"] .hero-alt .ha-media{ margin:20px max(var(--gutter), calc((100vw - var(--wrap-max)) / 2 + var(--gutter))) 20px 0; border-radius:var(--lg-r-l); border:1px solid var(--lg-rim); box-shadow:var(--lg-shadow); } :root[data-theme="light"] .hero-alt .ha-media::before{ display:none; } @media (max-width:999px){ :root[data-theme="light"] .hero-alt .ha-media{ margin:0 var(--gutter) var(--gutter); } } /* 02 : globe dans ses couleurs d'origine (bleu de la marque), animations et noms des pays inchangés (3 novembre 2026) */ /* 05 : photo arrondie, même cadre */ :root[data-theme="light"] .ap-photo{ border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-shadow); } /* pied de page : filet clair, signature noire */ :root[data-theme="light"] footer{ border-top:1px solid var(--lg-rim-2) !important; } :root[data-theme="light"] :is(.ft-tag, .ft-col a, footer .ft-bottom, .ft-sign-t){ color:var(--lg-ink) !important; } :root[data-theme="light"] footer .ft-bottom{ background-image:linear-gradient(var(--lg-hair),var(--lg-hair)) !important; } /* ---------- 7 bis. Autres vues : outil (accueil), connexion, Fiche Marché, paiement, pages légales ---------- */ :root[data-theme="light"] :is(.fiche .content, .fiche section.content, .fiche .intro){ background:transparent !important; border-top:none !important; border-bottom:none !important; } :root[data-theme="light"] :is(.fiche .flow-main, .fiche .flow){ border-bottom-color:var(--lg-hair) !important; } :root[data-theme="light"] .fiche .gl{ display:none; } /* halo bleu décoratif */ :root[data-theme="light"] .backbtn{ background:var(--lg-glass-3) !important; color:var(--lg-ink) !important; border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow-2); } :root[data-theme="light"] .backbtn:hover{ background:#fff !important; } /* pastilles et étiquettes : verre, texte noir */ :root[data-theme="light"] :is(.fiche .badge, .lp-badge){ background:var(--lg-glass-3) !important; color:var(--lg-ink) !important; border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow-2) !important; } /* cartes : niveau 1 (panneaux) et niveau 2 (petites cartes) */ :root[data-theme="light"] :is(.pw-card, .pw-preview, .pw-trust, .lp-card, .legal-wrap){ background:var(--lg-glass) !important; -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow) !important; border-radius:var(--lg-r-l) !important; } :root[data-theme="light"] .legal-wrap{ padding:clamp(22px, 4vw, 44px) !important; margin-top:12px; margin-bottom:40px; } :root[data-theme="light"] :is(.fiche .cc, .fiche .rlogo, .fiche .chip, #m_pays .chip){ background:var(--lg-glass-2) !important; border:1px solid var(--lg-rim-2) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7), var(--lg-shadow-2) !important; color:var(--lg-ink) !important; } :root[data-theme="light"] :is(.fiche .chip, #m_pays .chip):hover{ background:var(--lg-glass-3) !important; } :root[data-theme="light"] #m_pays .chip.sel{ background:var(--lg-plein) !important; color:#fff !important; border-color:var(--lg-plein) !important; } :root[data-theme="light"] :is(.fiche .cc .n, .fiche .step-k, .fiche .c-k, .fiche .covered .lbl){ color:var(--lg-ink-2) !important; -webkit-text-fill-color:var(--lg-ink-2) !important; } /* cartes d'achat (commande d'une fiche) et carré « Tester mon produit » : bleu signature, texte blanc */ :root[data-theme="light"] :is(.pw-buy, .fiche .order-card, #view-landing .lp-go){ background:var(--lg-plein) !important; border:1px solid var(--lg-plein) !important; box-shadow:0 22px 50px -18px var(--lg-plein-o) !important; } :root[data-theme="light"] :is(.pw-buy, .fiche .order-card, #view-landing .lp-go) :is(h2, h3, p, div, span, small, li, label, b, strong){ color:#fff !important; -webkit-text-fill-color:#fff !important; } :root[data-theme="light"] :is(.pw-btn-primary, .fiche .order-btn){ background:#fff !important; color:var(--lg-ink) !important; -webkit-text-fill-color:var(--lg-ink) !important; } :root[data-theme="light"] .pw-buy :is(input, textarea, select){ background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.34) !important; } :root[data-theme="light"] .pw-buy :is(input, textarea)::placeholder{ color:rgba(255,255,255,.6); } :root[data-theme="light"] .lp-btn{ background:var(--lg-plein) !important; color:#fff !important; } :root[data-theme="light"] .lp-f input{ background:var(--lg-glass-3) !important; border-color:rgba(10,10,10,.14) !important; } /* connexion (Mon compte) : mêmes boutons et onglets */ :root[data-theme="light"] #view-connexion{ --cp-bg:transparent; --cp-card:var(--lg-glass-2); --cp-line:var(--lg-rim); --cp-ink:#0A0A0A; --cp-mute:var(--lg-ink-2); --cp-ultra:#0A0A0A; --cp-ultra2:#2A2A2A; --cp-soft:rgba(10,10,10,.06); } :root[data-theme="light"] #view-connexion .cx-tabs{ -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); box-shadow:var(--lg-light), var(--lg-shadow-2); } /* ---------- 7 ter. Mon compte : verre, texte noir, aplats bleu signature ; vert, orange, rouge et jaune (sens) inchangés ---------- */ :root[data-theme="light"] #view-compte{ --cp-bg:transparent; --cp-frame:transparent; --cp-ultra:#2F43FF; --cp-ultra2:#1B27C4; --cp-blue1:#1B27C4; --cp-blue2:#2F43FF; --cp-blue3:#5E73FF; --cp-blue4:#0A0A0A; --cp-soft:rgba(10,10,10,.06); } :root[data-theme="light"] #view-compte, :root[data-theme="light"] #view-compte *:not(#outil-root, #outil-root *){ font-family:'Inter', system-ui, sans-serif !important; } :root[data-theme="light"] .cp-side{ --cp-line:var(--lg-hair); --cp-soft:rgba(10,10,10,.06); --cp-actif:rgba(10,10,10,.08); --cp-hb:rgba(10,10,10,.18); --cp-icon-on:#0A0A0A; background:var(--lg-glass) !important; -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow) !important; border-radius:var(--lg-r-l) !important; } :root[data-theme="light"] .cp-main{ --cp-line:var(--lg-hair); --cp-card:rgba(255,255,255,.52); --cp-panel:rgba(255,255,255,.34); --cp-soft:rgba(10,10,10,.05); --cp-blue4:#0A0A0A; --cp-fond:var(--lg-glass); --cp-champ:rgba(255,255,255,.7); --cp-fline:rgba(10,10,10,.16); --cp-cadre:var(--lg-rim); --cp-trait:rgba(10,10,10,.35); --cp-ombre:var(--lg-shadow-2); -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); box-shadow:var(--lg-light), var(--lg-shadow) !important; border-radius:var(--lg-r-l) !important; } /* cartes mises en avant : noir (promo du menu, premier chiffre clé, prochaine étape) ; Fiche Marché en bleu signature ; reflet blanc discret (7 novembre 2026) */ :root[data-theme="light"] :is(.cp-promo, .cp-fort, .cp-next){ background:radial-gradient(110% 100% at 100% 0%, rgba(255,255,255,.16), transparent 55%), #0A0A0A !important; box-shadow:0 18px 40px -18px rgba(10,10,10,.45) !important; } :root[data-theme="light"] .cp-fm-hero{ background:radial-gradient(110% 100% at 100% 0%, rgba(255,255,255,.16), transparent 55%), #2F43FF !important; box-shadow:0 18px 40px -18px rgba(27,39,196,.38) !important; } /* « Mes projets export » : fond blanc, texte noir */ :root[data-theme="light"] .cp-mesprojets{ background:rgba(255,255,255,.82) !important; border:1px solid var(--lg-rim); box-shadow:var(--lg-light), var(--lg-shadow-2) !important; color:#0A0A0A; } :root[data-theme="light"] #view-compte#view-compte .cp-mesprojets :is(.cp-h3, p.cp-mp-v), :root[data-theme="light"] .cp-mesprojets :is(.cp-li-t b, .cp-mp-m, .cp-mp-lead, .cp-mp-s, .cp-li-t span){ color:#0A0A0A !important; } :root[data-theme="light"] .cp-mesprojets .cp-mp-r{ border-color:var(--lg-hair) !important; background:rgba(255,255,255,.6); } :root[data-theme="light"] .cp-mesprojets .cp-mp-r:hover{ background:rgba(10,10,10,.04); } :root[data-theme="light"] .cp-mesprojets .cp-mp-lead{ border-color:rgba(10,10,10,.35) !important; } :root[data-theme="light"] :is(.cp-promo, .cp-next) .cx-btn{ color:#0A0A0A !important; } :root[data-theme="light"] .cp-promo .cx-btn:hover{ background:#EDEDED; border-color:#EDEDED; } :root[data-theme="light"] .cp-repr:hover{ box-shadow:0 14px 34px -14px var(--lg-plein-o) !important; } :root[data-theme="light"] .cp-fm-hero .cp-offre-b{ color:#0A0A0A !important; } /* ---------- 7 quater. Outil d'export (#outil-root) : habillage du site, code de l'outil inchangé ---------- Bleus de l'outil (C.ultra, C.deep bleu nuit) ramenés au noir (7 novembre 2026, retour au noir) ; vert, orange, rouge et jaune (sens) inchangés. */ :root[data-theme="light"] #outil-root{ --go-paper:rgba(255,255,255,.72); --go-card:rgba(255,255,255,.5); --go-ink:#0A0A0A; --go-muted:#0A0A0A; --go-line:rgba(10,10,10,.12); --go-soft:rgba(10,10,10,.06); background:var(--lg-glass) !important; -webkit-backdrop-filter:var(--lg-blur); backdrop-filter:var(--lg-blur); border:1px solid var(--lg-rim) !important; box-shadow:var(--lg-light), var(--lg-shadow) !important; border-radius:var(--lg-r-l) !important; } :root[data-theme="light"] #outil-root, :root[data-theme="light"] #outil-root *{ font-family:'Inter', system-ui, sans-serif !important; } /* styles en ligne du moteur */ :root[data-theme="light"] #outil-root :is([style^="color: rgb(47, 67, 255)"], [style*="; color: rgb(47, 67, 255)"], [style^="color: rgb(26, 30, 58)"], [style*="; color: rgb(26, 30, 58)"]){ color:#0A0A0A !important; } :root[data-theme="light"] #outil-root :is([style*="background: rgb(47, 67, 255)"], [style*="background: rgb(26, 30, 58)"]){ background:#0A0A0A !important; } :root[data-theme="light"] #outil-root :is([style*="border-color: rgb(47, 67, 255)"], [style*="solid rgb(47, 67, 255)"], [style*="border-color: rgb(26, 30, 58)"]){ border-color:#0A0A0A !important; } /* aplats dessinés avec la couleur du texte du moteur (carte « Priorité », repère de jauge) : noirs */ :root[data-theme="light"] #outil-root [style*="background: var(--go-ink"]{ background:#0A0A0A !important; border-color:#0A0A0A !important; } /* aplats : la bordure prend la couleur de l'aplat, aucun filet visible (3 novembre 2026) */ :root[data-theme="light"] #outil-root :is([style*="background: rgb(47, 67, 255)"], [style*="background: rgb(26, 30, 58)"], [style*="background: var(--go-ink"], .b.p, .go-step.go-on):not(.go-big-dist){ border-color:#0A0A0A !important; } /* une bordure bleue ne colore plus le texte (règle de l'outil [style*="color: rgb(47, 67, 255)"]) */ :root[data-theme="light"] #outil-root [style*="border-color: rgb(47, 67, 255)"]:not([style^="color"]):not([style*="; color"]){ color:inherit !important; } :root[data-theme="light"] #outil-root :is(.go-big-exw, .go-big-inc) :is(div, span){ color:#fff !important; } /* « Prix rendu distributeur » : jaune de l'outil (montant facturé au client, couleur de sens), après la règle du fond bleu */ :root[data-theme="light"] #outil-root .go-big-dist{ background:#E0A83A !important; border-color:#E0A83A !important; } :root[data-theme="light"] #outil-root .go-big-dist :is(.h, div, span){ color:#0A0A0A !important; } /* parcours fléché, choix, boutons */ :root[data-theme="light"] #outil-root .go-step{ background:rgba(255,255,255,.5) !important; } :root[data-theme="light"] #outil-root .go-step.go-done{ background:rgba(10,10,10,.08) !important; } :root[data-theme="light"] #outil-root .go-step.go-done > div:last-child{ color:#0A0A0A !important; } :root[data-theme="light"] #outil-root .go-step.go-on{ background:#0A0A0A !important; } :root[data-theme="light"] #outil-root .cli{ border:1.5px solid rgba(10,10,10,.6) !important; background:rgba(255,255,255,.82) !important; color:#0A0A0A !important; } :root[data-theme="light"] #outil-root .b.p{ background:#0A0A0A !important; border-color:#0A0A0A !important; color:#fff !important; } :root[data-theme="light"] #outil-root .b.p:hover{ background:#2A2A2A !important; } /* initiales du compte dans la barre de l'outil : pastille sans fond ici (variables de Mon compte absentes), initiales en noir */ :root[data-theme="light"] #outil-root .cp-av{ color:#0A0A0A; } :root[data-theme="light"] #outil-root .go-acces{ border-color:#0A0A0A !important; color:#0A0A0A !important; } /* conteneur principal du moteur (fond C.paper sur toute la hauteur) : transparent, sinon un second panneau apparaît dans le verre */ :root[data-theme="light"] #outil-root [style*="min-height: 100vh"][style*="--go-paper"]{ background:transparent !important; } /* ---------- 8. Défilement libre (plus d'accrochage section par section) ---------- */ :root[data-theme="light"].go-snap{ scroll-snap-type:none; } /* ---------- 9. Sans flou d'arrière-plan : surfaces plus opaques ---------- */ @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ :root[data-theme="light"]{ --lg-glass:rgba(255,255,255,.80); --lg-glass-2:rgba(255,255,255,.62); } } /* réglage système « réduire la transparence » : mêmes surfaces plus opaques */ @media (prefers-reduced-transparency:reduce){ :root[data-theme="light"]{ --lg-glass:rgba(255,255,255,.86); --lg-glass-2:rgba(255,255,255,.7); --lg-glass-3:rgba(255,255,255,.9); } } } /* fin de @media screen */