:root[data-site-depouille="true"] {
  --paper: #ffffff;
  --paper-deep: #ffffff;
  --ivory: #ffffff;
  --ink: #111111;
  --muted: #3f3f3f;
  --rule: #8a8a8a;
  color-scheme: light;
  background: #ffffff !important;
}

:root[data-site-depouille="true"] body,
:root[data-site-depouille="true"] :where(
  header, main, section, article, aside, nav, footer,
  details, dialog, form, fieldset, figure, figcaption,
  blockquote, table, thead, tbody, tr, th, td,
  div, ul, ol, li
) {
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-site-depouille="true"] *::before,
:root[data-site-depouille="true"] *::after {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-site-depouille="true"] body,
:root[data-site-depouille="true"] :where(
  header, main, section, article, aside, nav, footer,
  details, dialog, form, fieldset, figcaption,
  blockquote, h1, h2, h3, h4, h5, h6, p, li,
  dt, dd, label, summary, small, strong, time
) {
  color: #111111 !important;
}

:root[data-site-depouille="true"] :where(a, a:visited) {
  color: #111111 !important;
  text-decoration-color: #555555 !important;
}

:root[data-site-depouille="true"] :where(button, input, select, textarea) {
  border-color: #555555 !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
}

:root[data-site-depouille="true"] :where(.photo-threshold figure, .stereo-stage, video, canvas) {
  background-color: #000000 !important;
}

:root[data-site-depouille="true"] :where(img, picture, video, canvas, svg) {
  background-image: initial !important;
  filter: none !important;
}

:root[data-site-depouille="true"] :where(.identity, .home-card, .doors a, .topbar, .experience-nav, .corpus-compass) {
  background: #ffffff !important;
}

.site-depouille-toggle {
  position: fixed;
  z-index: 2147483000;
  right: .8rem;
  bottom: .8rem;
  min-height: 2.75rem;
  padding: .62rem .82rem;
  border: 1px solid rgba(17,17,17,.6);
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  color: #111111;
  box-shadow: 0 .25rem 1rem rgba(0,0,0,.14);
  font: 700 .68rem/1.2 system-ui, sans-serif;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
}

.weekly-palette {
  position: fixed;
  z-index: 2147482999;
  right: .8rem;
  bottom: 4rem;
  width:min(24rem,calc(100vw - 1.6rem));
  color:var(--ink,#111);
  font-family:system-ui,sans-serif;
}
.weekly-palette summary{box-sizing:border-box;display:grid;grid-template-columns:minmax(4.4rem,4.4rem) minmax(0,1fr) auto;gap:.55rem;align-items:center;min-height:3.25rem;padding:.52rem .7rem;border:1px solid color-mix(in srgb,var(--ink,#111) 58%,transparent);border-radius:.45rem;background:color-mix(in srgb,var(--paper,#fff) 97%,transparent);box-shadow:0 .25rem 1rem rgba(0,0,0,.14);cursor:pointer;list-style:none;touch-action:manipulation}
.weekly-palette summary::-webkit-details-marker{display:none}.weekly-palette summary:hover,.weekly-palette summary:focus-visible{outline:3px solid var(--paper,#fff);outline-offset:2px;border-color:var(--ink,#111)}
.weekly-palette-strip{display:grid!important;grid-template-columns:repeat(5,minmax(.8rem,1fr))!important;width:5.4rem!important;min-width:5.4rem!important;height:1.5rem!important;overflow:hidden;border:2px solid #111;background:#fff}.weekly-palette-strip i{display:block!important;min-width:.8rem!important;height:100%!important}
.weekly-palette summary b{font-size:.72rem;letter-spacing:.055em;text-transform:uppercase}.weekly-palette-action{font-size:.72rem;font-weight:700}.weekly-palette-action i{font-size:1rem;font-style:normal}
.weekly-palette-panel{margin-top:.35rem;padding:1rem 1.1rem;border:1px solid var(--ink,#111);background:var(--paper,#fff);color:var(--ink,#111);box-shadow:0 .5rem 1.8rem rgba(0,0,0,.18);font-family:Georgia,serif}
.weekly-palette-panel small,.weekly-palette-panel strong,.weekly-palette-panel em{display:block}.weekly-palette-panel small{color:var(--red,var(--wine,#7d302b));font:700 .72rem/1.35 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.weekly-palette-panel strong{margin:.35rem 0;font-size:1.25rem;font-weight:400}.weekly-palette-panel p{margin:.35rem 0 .7rem;line-height:1.5}.weekly-palette-panel em{color:var(--muted,#555);font-size:.8rem}
.weekly-palette-range-label{display:flex;justify-content:space-between;gap:1rem;margin:.7rem 0 .2rem;font:700 .75rem/1.35 system-ui,sans-serif}.weekly-palette-range{display:block;width:100%;min-height:2.75rem;accent-color:var(--red,#8a352f);cursor:pointer;touch-action:pan-x}.weekly-palette-range:focus-visible,.weekly-palette-reset:focus-visible{outline:3px solid var(--red,#8a352f);outline-offset:2px}.weekly-palette-reset{min-height:2.75rem;margin:.15rem 0 .6rem;padding:.5rem .7rem;border:1px solid var(--ink,#111);background:transparent;color:var(--ink,#111);font:700 .75rem/1.35 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.weekly-palette-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.weekly-palette-swatches button{min-width:2.75rem;min-height:3.25rem;border:2px solid #fff;outline:1px solid #111;background-color:var(--swatch)!important;background-image:none!important;cursor:pointer;touch-action:manipulation}.weekly-palette-swatches button:focus-visible,.weekly-palette-swatches button[aria-pressed="true"]{outline:3px solid #111;outline-offset:2px}.weekly-palette-color{min-height:1.4rem;font:700 .72rem/1.4 system-ui,sans-serif}

/* Le mode dépouillé conserve volontairement la page en noir et blanc, mais ne
   doit jamais blanchir l'objet même du nuancier. Cette exception, placée après
   la règle générale des boutons, maintient les cinq échantillons visibles. */
:root[data-site-depouille="true"] .weekly-palette-swatches button {
  background-color: var(--swatch) !important;
}

.site-depouille-toggle:hover,
.site-depouille-toggle:focus-visible,
.site-depouille-toggle[aria-pressed="true"] {
  border-color: #111111;
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.site-depouille-toggle[aria-pressed="true"]::before {
  content: "✓ ";
}

@media (max-width: 760px) {
  .site-depouille-toggle {
    right: .55rem;
    bottom: calc(.55rem + env(safe-area-inset-bottom, 0px));
    max-width: 8rem;
    font-size: .62rem;
  }
  .weekly-palette{right:.55rem;bottom:calc(8rem + env(safe-area-inset-bottom,0px));width:min(23rem,calc(100vw - 1.1rem))}
  .weekly-palette summary{grid-template-columns:minmax(4.8rem,4.8rem) minmax(0,1fr) auto}
  .weekly-palette-strip{width:4.8rem!important;min-width:4.8rem!important}
}

@media print {
  .site-depouille-toggle,.weekly-palette { display: none !important; }
}

/* La navigation s’ouvre à la demande pour laisser le texte respirer. */
.site-wayfinder{position:fixed;z-index:2147482997;bottom:calc(.8rem + env(safe-area-inset-bottom,0px));left:.8rem;font:700 .72rem/1.2 system-ui,sans-serif;color:#171411}
.site-wayfinder>summary{display:flex;min-width:3rem;min-height:3rem;align-items:center;justify-content:center;gap:.55rem;padding:.62rem .88rem;border:1px solid #171411;border-radius:999px;background:rgba(255,255,255,.97);color:#171411;box-shadow:0 .25rem 1rem rgba(0,0,0,.16);cursor:pointer;list-style:none;touch-action:manipulation}
.site-wayfinder>summary::-webkit-details-marker{display:none}
.site-wayfinder>summary span{transition:transform .18s ease}
.site-wayfinder[open]>summary span{transform:rotate(180deg)}
.site-wayfinder>summary:hover,.site-wayfinder>summary:focus-visible{outline:3px solid #fff;outline-offset:2px}
.site-wayfinder-menu{position:absolute;bottom:calc(100% + .45rem);left:0;display:grid;grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:.35rem;width:min(19rem,calc(100vw - 1.6rem));max-height:min(65vh,28rem);overflow:auto;padding:.45rem;border:1px solid #171411;border-radius:.55rem;background:rgba(255,255,255,.98);box-shadow:0 .5rem 1.7rem rgba(0,0,0,.2)}
.site-wayfinder-menu a,.site-wayfinder-menu button{display:flex;min-width:0;min-height:2.75rem;align-items:center;justify-content:flex-start;padding:.55rem .7rem;border:1px solid #171411;background:#fff;color:#171411;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation}
.site-wayfinder-menu :where(a,button):hover,.site-wayfinder-menu :where(a,button):focus-visible{background:#171411;color:#fff;outline:3px solid #fff;outline-offset:-4px}
@media(max-width:760px){.site-wayfinder{bottom:calc(.65rem + env(safe-area-inset-bottom,0px));left:.65rem}.site-wayfinder-menu{grid-template-columns:1fr;width:min(16rem,calc(100vw - 1.3rem));max-height:min(58vh,24rem)}.site-wayfinder>summary{min-width:3rem;min-height:3rem}}
@media(prefers-reduced-motion:reduce){.site-wayfinder>summary span{transition:none}}
@media print{.site-wayfinder{display:none!important}}

