/* Thème clair (par défaut) : surfaces blanches, texte noir, accent noir. */
body.light{--surface:#ffffff;--surface2:#f3f3f5;--border:#e4e5e9;--ink:#111114;--ink2:#6b6b74;--hover:rgba(0,0,0,.05);--active:rgba(0,0,0,.08);
  --mut:#6b6b74;--line:#e4e5e9;--line2:#d6d7dc;--panel:#ffffff;--txt:#111114;color:#111114}
body.light .blob{display:none}
body.light #bg{filter:invert(1);opacity:.28}
body.light #wall::after{background:rgba(255,255,255,var(--dim))}
body.light ::-webkit-scrollbar-thumb{background:#cfd0d6}
body.light .logo,body.light .welcome img,body.light .chat-logo img{filter:invert(1);animation:none}

/* ---- barre de titre ---- */
body.light .tag{border-color:#d3d4da;color:#6b6b74}
body.light .lang,body.light .win,body.light .icon{color:#44444c}
body.light .lang{background:#fff;border-color:#dcdde2}
body.light .win:hover,body.light .lang:hover,body.light .icon:hover{background:#ececf0;color:#000}
body.light .win.danger:hover{background:#e5484d;color:#fff}

/* ---- connexion ---- */
body.light .left{background:rgba(255,255,255,.6);border-right-color:#e4e5e9}
body.light .hero h1{background:linear-gradient(90deg,#111,#6a6a74,#111);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
body.light .sub,body.light .hint,body.light .eyebrow{color:#6b6b74}
body.light .chips span{background:#fff;border-color:#dcdde2;color:#2a2a30}
body.light .chips span:hover{background:#f3f3f5;border-color:#999}
body.light .foot{border-top-color:#e4e5e9;color:#6b6b74}
body.light .foot .dl{color:#111;border-color:#d3d4da}
body.light .foot .dl:hover{background:#111;color:#fff}
body.light .card{background:#fff;border-color:#e4e5e9;box-shadow:0 30px 70px rgba(20,20,40,.12);backdrop-filter:none}
body.light .field{background:#f6f6f8;border-color:#e4e5e9}
body.light .field input{color:#111}
body.light .field .lbl{color:#7a7a84}
body.light .field input:focus + .lbl,body.light .field input:not(:placeholder-shown) + .lbl{color:#44444c}
body.light .field:focus-within{background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
body.light .eye{color:#7a7a84}body.light .eye:hover{color:#000;background:rgba(0,0,0,.06)}
body.light .box{background:#fff;border-color:#cfd0d6}
body.light .check{color:#55555e}
body.light .row a,body.light .alt a{color:#44444c}
body.light .alt{color:#7a7a84}body.light .alt a{color:#111}
body.light .or{color:#9a9aa3}body.light .or::before,body.light .or::after{background:#e4e5e9}
body.light .msg{color:#d33}body.light .msg.ok{color:#168a4a}
body.light .spin{border-color:rgba(255,255,255,.35);border-top-color:#fff}

/* ---- boutons ---- */
body.light .ghost{background:#fff;border-color:#dcdde2;color:#222}
body.light .ghost:hover{background:#f3f3f5}
body.light .ghost.danger{color:#d33;border-color:#f1c9cb}body.light .ghost.danger:hover{background:#e5484d;color:#fff;border-color:#e5484d}
body.light .ibtn{color:#6b6b74}body.light .ibtn:hover{background:rgba(0,0,0,.07);color:#000}
body.light .primary:hover{box-shadow:0 10px 26px rgba(0,0,0,.22)}

/* ---- barre d'icônes, panneau, navigation ---- */
body.light .nav-ind{background:#eeeef1;border-color:#e0e1e6}
body.light .nav-ind::before{background:var(--accent);box-shadow:none}
body.light .nav-item{color:#555560}
body.light .nav-item:hover{color:#000;background:rgba(0,0,0,.04)}
body.light .nav-item.active{color:#000}
body.light .nav-item .cnt{background:#ececf0;color:#6b6b74}
body.light .nav-item.active .cnt{background:var(--accent);color:var(--on-accent)}
body.light .nav-group{color:#9a9aa3}

/* ---- pages et cartes ---- */
body.light .page-head h2{color:#111}
body.light .search input,body.light select.sel,body.light .plain select{background:#f6f6f8;border-color:#e4e5e9;color:#111}
body.light .search input:focus{border-color:var(--accent);background:#fff}
body.light .search .ic{color:#9a9aa3}
body.light .stat{background:#f6f6f8;border-color:#e8e9ed}
body.light .pcard{background:#f6f6f8;border-color:#e8e9ed;box-shadow:none}
body.light .pcard:hover{background:#fff;border-color:#cfd0d6;box-shadow:0 18px 40px rgba(20,20,40,.12)}
body.light .pcard p{color:#6b6b74}
body.light .pfile{border-color:#dcdde2;color:#55555e;background:#fff}
body.light .chip{background:#fff;border-color:#dcdde2;color:#2a2a30}
body.light .pc-meta{color:#8a8a93}
body.light .tilt::before{background:radial-gradient(260px circle at var(--px) var(--py),rgba(0,0,0,.05),transparent 65%)}
body.light .empty .ic{color:#c4c5cc}
body.light .table td{background:#f6f6f8;border-color:#e8e9ed}
body.light .panel{background:#f9f9fb;border-color:#e8e9ed}

/* ---- fenêtres, panneaux, notifications ---- */
body.light .modal{background:rgba(20,20,30,.35)}
body.light .sheet{background:#fff;border-color:#e4e5e9;box-shadow:0 30px 80px rgba(20,20,40,.25)}
body.light .plain{color:#6b6b74}
body.light .plain input,body.light .plain textarea,body.light .plain select{background:#f6f6f8;border-color:#e4e5e9;color:#111}
body.light .plain input:focus,body.light .plain textarea:focus,body.light .plain select:focus{background:#fff;border-color:var(--accent)}
body.light .seg{background:#f0f0f3;border-color:#e4e5e9}
body.light .seg button{color:#6b6b74}
body.light .codebox{background:#f6f6f8;border-color:#cfd0d6}
body.light .sharebox code{background:#f6f6f8;border-color:#e4e5e9;color:#333}
body.light .notif{background:#fff;border-color:#e0e1e6;box-shadow:0 20px 50px rgba(20,20,40,.2)}
body.light .n-body p{color:#6b6b74}
body.light .n-x{color:#9a9aa3}body.light .n-x:hover{background:#eee;color:#000}
body.light .n-act button{background:#f3f3f5;border-color:#dcdde2;color:#222}
body.light .n-prog{background:#e8e9ed}
body.light .drawer{background:#fff;border-left-color:#e4e5e9;box-shadow:-30px 0 80px rgba(20,20,40,.18)}
body.light .drawer-bg{background:rgba(20,20,30,.3)}
body.light .sw-row{border-top-color:#eeeff2}
body.light .switch i{background:#d6d7dc}
body.light .theme-card{border-color:#e4e5e9;color:#222}
body.light .theme-card.on{border-color:var(--accent)}
body.light .swatch.on{border-color:#111}
body.light .ctx{background:#fff;border-color:#e4e5e9;box-shadow:0 18px 40px rgba(20,20,40,.18);color:#111}
body.light .ctx div:hover{background:#f0f0f3}
body.light .ctx hr{border-top-color:#eceef1}
.ctx-head{padding:8px 12px 4px;display:flex;flex-direction:column;gap:2px;cursor:default}
.ctx-head small{color:var(--mut);font-size:11px}
.ctx .ctx-head:hover{background:none}

/* ---- assistant ---- */
body.light .chat-side{border-right-color:#e8e9ed}
body.light .chat-item{color:#55555e}
body.light .chat-item:hover{background:#f3f3f5;color:#000}
body.light .chat-item.active{background:#ececf0;color:#000}
body.light .chat-top{border-bottom-color:#e8e9ed}
body.light .bubble{color:#1c1c22}
body.light .bubble code.ic2{background:#f0f0f3;border-color:#e0e1e6;color:#b4560a}
body.light .composer{background:#fff;border-color:#dcdde2;box-shadow:0 14px 40px rgba(20,20,40,.1)}
body.light .composer:focus-within{border-color:#999;box-shadow:0 14px 40px rgba(20,20,40,.1),0 0 0 3px rgba(0,0,0,.05)}
body.light .composer textarea{color:#111}
body.light .think{background:#f6f6f8;border-color:#e4e5e9;color:#6b6b74}
body.light .typing i{background:#9a9aa3}
body.light .bubble.live>p:last-child::after,body.light .bubble.live>ul:last-child li:last-child::after{background:#111}
body.light .chat-warn{background:#fff7e0;border-color:#f0d78a;color:#8a6200}

/* ---- workspace / éditeur ---- */
body.light .lobby{background:transparent}
body.light .lcard{background:#f6f6f8;border-color:#e8e9ed;backdrop-filter:none}
body.light .lcard p{color:#6b6b74}
body.light .ide,body.light .ide-bar,body.light .explorer,body.light .tabs,body.light .status,body.light .chat{background:#fafafb;border-color:#e8e9ed}
body.light .ide-bar,body.light .status{background:#f3f3f5}
body.light .ex-head{color:#7a7a84}
body.light .ex-btns button{color:#55555e}body.light .ex-btns button:hover{background:#e8e9ed;color:#000}
body.light .node{color:#33333a}body.light .node:hover{background:#eeeef1}body.light .node.active{background:#e4e5ea;color:#000}
body.light .tab{color:#6b6b74;border-right-color:#e8e9ed}body.light .tab:hover{background:#f0f0f3}
body.light .tab.active{background:#fff;color:#000}
body.light .welcome,body.light .viewer{background:#fff;color:#6b6b74}
body.light .room code{background:#fff;border-color:#dcdde2;color:#111}
body.light .dropzone{border-color:#cfd0d6;color:#8a8a93}
body.light .status,body.light .status button{color:#55555e}
body.light #chatInput{background:#fff;color:#111;border-top-color:#e8e9ed}
body.light .avatars .av{border-color:#f3f3f5}