body.dark {
  --primary: #009AC0;
  --primary-container: #009AC0;
  --on-primary-container: #fff;
  --surface: #141316;
  --on-surface: #e6e1e6;
  --on-primary: #fff;
  --secondary: #cbc2db;
  --on-secondary: #332d41;
  --secondary-container: #004152;
  --on-secondary-container: #009ac0;
  --tertiary: #efb8c8;
  --on-tertiary: #4a2532;
  --tertiary-container: #633b48;
  --on-tertiary-container: #ffd9e3;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffb4ab;
  --background: #1c1b1e;
  --on-background: #e6e1e6;
  --surface-variant: #49454e;
  --on-surface-variant: #cac4cf;
  --outline: #948f99;
  --outline-variant: #49454e;
  --shadow: #000;
  --scrim: #000;
  --inverse-surface: #e6e1e6;
  --inverse-on-surface: #313033;
  --inverse-primary: #6750a4;
  --surface-dim: #141316;
  --surface-bright: #3a383c;
  --surface-container-lowest: #0f0e11;
  --surface-container-low: #1c1b1e;
  --surface-container: #201f22;
  --surface-container-high: #2b292d;
  --surface-container-highest: #363438;
}
body nav {
  background-size: contain;
  background-repeat: no-repeat;
}
.losk-invert {
  filter: invert(1);
  width: 150px !important;
  border-radius: 0;
}
.losk-logo-header {
  filter: invert(1) drop-shadow(0px 0px 5px #222);
}
.losk-nav-v {
  background-image: url('https://live.losk.fr/templates/w3css-ides/img/bg-nav2b.jpeg');
  background-position: bottom;
}
.losk-nav-h {
  background-image: url('https://live.losk.fr/templates/w3css-ides/img/underlay2b.png');
  background-position: left;
  padding-left: 80px !important;
}

:is(nav, menu).primary-container > :is(button, a, li).active, nav.primary > button {
  background-color: transparent !important;
}
main {
  margin-top: -7rem;
}
.hero {
  margin: -.5rem;
  min-height: 80px;
}
.hero-bg {
  background-image: url('https://src.losk.fr/images/backgrounds/darker.jpg');
  background-size: cover;
  background-position: center;
}
.content {
  max-inline-size: min(100vw,75rem);
  margin: 0 auto;
}