/* BriefMe — bouton de thème + thème clair (classe .light sur ). Partagé par toutes les pages. Le thème sombre reste la valeur par défaut. */ /* Bouton de bascule (sombre + clair) */ .theme-toggle{ width:38px;height:38px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto; border:1px solid var(--line-strong);background:transparent;color:var(--txt);cursor:pointer; transition:background .2s,border-color .2s,transform .15s} .theme-toggle:hover{background:var(--surf-2,rgba(255,255,255,.06));transform:translateY(-1px)} .theme-toggle svg{width:18px;height:18px} /* ===================== THÈME CLAIR ===================== */ html.light{ --ink:#F4F2EE;--panel:#FFFFFF;--surface:#FFFFFF; --txt:#1A1A26;--muted:#5B5B6B;--dim:#8A8A99; --accent:#6D5EF8;--accent2:#8B5CF6;--acc3:#2BB3E0; --line:rgba(20,20,40,.10);--line-strong:rgba(20,20,40,.16); --surf-2:rgba(20,20,40,.05);--track:rgba(20,20,40,.10); --accent-label:#6D5EF8; color-scheme:light; } /* halos + grille adaptés */ html.light body::before{ background:radial-gradient(60% 50% at 18% 0%,rgba(124,108,246,.12),transparent 70%),radial-gradient(50% 45% at 92% 8%,rgba(91,208,255,.10),transparent 70%),radial-gradient(60% 60% at 50% 110%,rgba(157,108,255,.10),transparent 70%)} html.light body::after{ background-image:linear-gradient(rgba(20,20,40,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,40,.04) 1px,transparent 1px)} /* barres flottantes */ html.light .nav-inner,html.light .appbar-inner,html.light .head-inner,html.light .tb-inner{ background:rgba(255,255,255,.8);border-color:rgba(20,20,40,.09); box-shadow:0 12px 40px -18px rgba(20,20,40,.22),inset 0 1px 0 rgba(255,255,255,.6)} html.light .nav.scrolled .nav-inner{background:rgba(255,255,255,.92)} html.light .nav-links a:not(.btn):hover{background:rgba(20,20,40,.05)} /* panneaux / cartes : surfaces blanches translucides -> blanc */ html.light .ucard,html.light .ucard:hover, html.light .rcard,html.light .quote,html.light .faq-item, html.light .card,html.light .stat,html.light .brief, html.light .link-card,html.light .lp,html.light .mission, html.light .opt,html.light .scale .seg,html.light .qsel-list, html.light .msg-block,html.light .input,html.light .textarea{ background:#fff;border-color:var(--line)} html.light .mission:hover,html.light .opt:hover,html.light .scale .seg:hover, html.light .brief:hover,html.light .ucard:hover{background:#FBFAFE} html.light .card-foot,html.light .nav-row,html.light .lp-head{background:rgba(20,20,40,.02)} html.light .add-q{background:rgba(20,20,40,.02)} html.light .cta-banner{background:rgba(255,255,255,.7);border-color:var(--line-strong)} html.light .empty{background:rgba(255,255,255,.5)} /* boutons fantômes / icônes */ html.light .btn-ghost,html.light .btn-quiet{background:rgba(20,20,40,.03);color:var(--txt);border-color:var(--line-strong)} html.light .btn-ghost:hover{background:rgba(20,20,40,.06)} html.light .iconbtn{background:rgba(20,20,40,.02);border-color:var(--line)} html.light .iconbtn:hover{background:rgba(20,20,40,.06)} html.light .btn-back:hover{background:rgba(20,20,40,.05)} /* carte flottante du hero (sombre en dark) */ html.light .float-card{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:0 18px 44px -20px rgba(20,20,40,.28)} /* aperçu en direct : la zone de scroll garde un fond doux */ html.light .lp-scroll{background:#E9E6E0} /* textes en dégradé adaptés au fond clair */ html.light .grad-text,html.light .stat .n.grad{ background:linear-gradient(110deg,#1A1A26 6%,#6D5EF8 48%,#8B5CF6 78%,#2BB3E0 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} /* scrollbar */ html.light ::-webkit-scrollbar-thumb{background:rgba(20,20,40,.2)}