// Base
@use 'base/fonts';
@use 'base/variables' as *;
@use 'base/mixins' as *;
@use 'base/reset';
@use 'base/typography';
@use 'base/utilities';
@use 'base/smooth-scroll';

// Components
@use 'components/icon';
@use 'components/button';
@use 'components/page-hero';
@use 'components/header';
@use 'components/footer';
@use 'components/nav';
@use 'components/card';
@use 'components/project-card';
@use 'components/tag';
@use 'components/actualite-block';
@use 'components/actualite_hub_card';
@use 'components/gallery-slider';
@use 'components/theme-toggle';
@use 'components/audio-icon';
@use 'components/icon-action-button';
@use 'components/image-frame';

// Pages
@use 'pages/list';
@use 'pages/projects';
@use 'pages/dashboard';
@use 'pages/login';
@use 'pages/actualite';

// Admin
@use 'admin/common';
@use 'admin/editor';
@use 'admin/media';
@use 'admin/messages';
@use 'admin/users';
@use 'admin/pages';
@use 'admin/seo';
@use 'admin/versions';
@use 'admin/toast';
@use 'admin/tour';
@use 'admin/help-guide';

body {
    background: linear-gradient(0.53deg, $color-primary-lighter 0.52%, $color-neutral 99.62%);
    background-repeat: no-repeat;
    overflow-x: hidden;

    &.page-template-home {
        background: $color-neutral;
    }
}

h1, h2, h3, h4, p {
  overflow-wrap: break-word;   // coupe si vraiment nécessaire
  hyphens: auto;               // césure propre (nécessite <html lang="fr">)
}