/*
  Iteracja 110 — natychmiastowa paleta Opery i wspólna wysuwana belka podstron.
*/

/* Krytyczne kolory są przypisane już do klasy na <html>, zanim powstanie body. */
html.auto-dark-theme{
  color-scheme:only light;
  background:#000
}
html.auto-dark-theme body>.site-header{
  color-scheme:only light;
  background:#f7ecde!important;
  color:#17100d!important;
  forced-color-adjust:none
}
html.auto-dark-theme body>.site-header a,
html.auto-dark-theme body>.site-header button,
html.auto-dark-theme body>.site-header b,
html.auto-dark-theme body>.site-header span{
  color:#17100d;
  -webkit-text-fill-color:#17100d
}
html.auto-dark-theme body>.site-footer{
  color-scheme:only light;
  background:#f7ecde!important;
  color:#17100d!important;
  forced-color-adjust:none
}
html.auto-dark-theme body>.site-footer a,
html.auto-dark-theme body>.site-footer button,
html.auto-dark-theme body>.site-footer p{
  color:#3d2b22;
  -webkit-text-fill-color:#3d2b22
}

/* Podstrony zachowują w układzie miejsce belki, mimo że sama belka jest fixed. */
.subpage-reveal-header{
  padding-top:var(--header-h)
}
.subpage-header-reveal-zone{
  position:fixed;
  z-index:2101;
  inset:0 0 auto;
  height:24px;
  background:transparent
}
.subpage-reveal-header>.site-header{
  position:fixed!important;
  inset:0 0 auto 0;
  top:0!important;
  z-index:2100;
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transform:translate3d(0,0,0);
  transition:transform .34s cubic-bezier(.22,.76,.28,1),box-shadow .34s ease;
  will-change:transform
}
.subpage-reveal-header>.site-header.is-hidden{
  transform:translate3d(0,calc(-100% - 2px),0);
  box-shadow:none
}
@media(prefers-reduced-motion:reduce){
  .subpage-reveal-header>.site-header{transition:none}
}