:root {
  --header-bg: #1e222d;
  --sidebar-bg: #ffffff;
  --content-bg: #f4f7f9;
  --text-main: #1a1a1a;
  --text-sub: #666;
  --sidebar-width: 260px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  background-color: var(--content-bg);
  overflow: hidden; /* scroll géré dans main */
}

/* Layout global */
.app-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.wrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
}

/* Main scroll ici */
main {
  flex: 1;
  background-color: var(--content-bg);
  padding: 40px;
  overflow-y: auto;
  position: relative;
}