/* ================= BASE ================= */

body {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  margin: 0;
  padding: 0;
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 100vh;
}

body:has(.main-nav) {
  align-items: flex-start;
  padding-left: 255px;
  transition: padding-left 0.3s ease;
}

body:has(.main-nav.collapsed) {
  padding-left: 60px;
}

/* Centre le contenu principal dans l'espace disponible */
body:has(.main-nav) header,
body:has(.main-nav) main,
body:has(.main-nav) footer,
body:has(.main-nav) .credits-section {
  margin-left: auto;
  margin-right: auto;
}

* {
  box-sizing: border-box;
}

::selection {
  background: var(--color-accent);
  color: #fff;
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-quaternary);
}