/* 1.3. Scrollbar personnalisée */
/* Règles pour Firefox */
@supports (scrollbar-color: var(--color-accent) var(--color-header)) {
    * {
      scrollbar-color: var(--color-accent) var(--color-header);
      scrollbar-width: thin;
    }
}
/* Pour WebKit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: var(--color-header);
    border-left: 1px solid rgba(119, 92, 49, 0.1);
}
::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 6px;
    border: 3px solid var(--color-header);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-accent-light);
}

/* ==========================================================================
   2. ÉLÉMENTS DE BASE (ELEMENTS/BASE)
   ========================================================================== */
/* (Peu de styles ici qui ne soient pas déjà dans des composants pour ce fichier) */

/* ==========================================================================
   3. OBJETS & ABSTRACTIONS (OBJECTS)
   ========================================================================== */
.page-layout { /* Pourrait aussi être dans la section Contenu Principal */
    display: flex;
    flex-direction: column;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 20px;
    position: relative;
}

/* ==========================================================================
   4. COMPOSANTS (COMPONENTS)
   ========================================================================== */