/*
|--------------------------------------------------------------------------
| BASE
|--------------------------------------------------------------------------
*/
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');

/*
|--------------------------------------------------------------------------
| LAYOUT GLOBAL
|--------------------------------------------------------------------------
*/
@import url('./layout/header.css');
@import url('./layout/footer.css');

/*
|--------------------------------------------------------------------------
| COMPONENTS
|--------------------------------------------------------------------------
*/
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/grid.css');

/*
|--------------------------------------------------------------------------
| PAGES
|--------------------------------------------------------------------------
*/
@import url('./pages/home.css');
@import url('./pages/groupe.css');
@import url('./pages/services.css');

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/
@import url('./responsive.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: #2f59d8;
    --color-navy: #182765;
    --color-light: #f3f3f3;
    --color-white: #ffffff;
    --color-text: #1f2a44;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    color: var(--color-text);
    background: var(--color-white);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-wrap {
    min-height: 100vh;
}

.section {
    padding: 64px 20px;
}

.section__inner {
    width: min(1200px, 100%);
    margin: 0 auto;
}

body.mobile-menu-open {
    overflow: hidden;
}