/* theme-2026.css : empreinte Lisa on Sable alignee sur le nouveau Sable (19/10/2026).
   Encre profonde, blanc os, un seul accent, Space Grotesk + Space Mono, lune en eclipse. */
:root{
  --void:#060606; --ink:#0b0b0d; --edge:#1f1f23; --edge2:#2a2a2f;
  --paper:#ece8e0; --sand:#b9b4aa; --dim:#7d7d87;
  --lisa:#5ef2ff; --acc:#5ef2ff; --ok:#7fbf7f; --warn:#caa45a; --err:#c47272;
  --sans:"Space Grotesk",system-ui,"PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"Space Mono",ui-monospace,monospace;
  --pixel:var(--sans); --disp:var(--sans);
}
body{background:var(--void);color:var(--paper);font-family:var(--sans);letter-spacing:-.005em}
h1,h2,h3{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
a{color:var(--paper)}
::selection{background:var(--acc);color:#000}

/* barre du haut */
.langbar{background:rgba(6,6,6,.78);border-bottom:1px solid var(--edge)}
.brandmark{font-family:var(--mono);color:var(--paper);text-transform:lowercase;letter-spacing:.02em}
.navlink,.navlink.alt{font-family:var(--mono);font-weight:400;font-size:11.5px;color:var(--sand);
  border:1px solid var(--edge2);border-radius:999px;background:transparent}
.navlink:hover,.navlink.alt:hover{background:var(--paper);color:#000;border-color:var(--paper)}
.langs button{font-family:var(--mono);font-weight:400;border-color:var(--edge2);color:var(--dim)}
.langs button.on{background:var(--paper);color:#000;border-color:var(--paper)}

/* fond : plus de dunes. Eclipse, lumiere et poussieres dessinees par fond-2026.js */
.dunes,.eclipse{display:none}
body{background:#060606}
.fond26{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#060606;overflow:hidden}
.fond26 canvas{position:absolute;inset:0;display:block}
.f26-light{position:absolute;inset:-25%;background:radial-gradient(ellipse at 64% 30%,rgba(236,232,224,.075),transparent 44%);mix-blend-mode:screen}
.f26-fore{position:absolute;inset:0;background:radial-gradient(120% 60% at 30% 110%,rgba(236,232,224,.035),transparent 60%)}
.f26-grain{position:absolute;inset:-50%;opacity:.03;mix-blend-mode:screen;animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.f26-grain{animation:none}}
.fond26::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,.2),transparent 30%,transparent 70%,rgba(6,6,6,.45))}
@media(max-width:760px){.fond26 canvas{opacity:.78}}


:focus-visible{outline-color:var(--acc)}

html{background:#060606!important}
body{background:transparent!important}

/* 20/10/2026 : une seule palette. L'ancien orange et l'ambre passent a l'accent du site */
:root{--amber:#5ef2ff;--amber2:#5ef2ff;--amb:#5ef2ff;--coral:#5ef2ff;--lisa:#5ef2ff;--acc:#5ef2ff}
/* barre du haut transparente, voilee seulement quand on fait defiler */
.langbar{background:transparent!important;border-bottom-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .25s,border-color .25s}
html.defile26 .langbar{background:rgba(6,6,6,.55)!important;border-bottom-color:rgba(31,31,35,.8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
/* la lune de l'en-tete, ronde et identique sur toutes les pages */
img.lune26{width:26px!important;height:26px!important;border-radius:50%!important;object-fit:cover!important}

/* l anneau qui pulse autour du bouton de Lisa ne doit pas faire defiler la page */
body:has(.orb){overflow-x:clip}