/**
 * ============================================================================
 * COURSMARKETING.FR — FONDATIONS GLOBALES
 * ============================================================================
 */

:root {
    --cm-color-primary: #0f66ff;
    --cm-color-navy: #031b3d;
    --cm-color-text: #0c1f3f;
    --cm-color-muted: #5f6f85;
    --cm-color-border: #e5eaf1;
    --cm-color-bg: #ffffff;

    --cm-container: 1280px;

    --cm-gutter-desktop: 40px;
    --cm-gutter-tablet: 30px;
    --cm-gutter-mobile: 24px;

    --cm-radius-sm: 10px;
    --cm-radius-md: 16px;
    --cm-radius-lg: 24px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;

    display: flex;
    flex-direction: column;

    background: var(--cm-color-bg);
    color: var(--cm-color-text);
}

/* ==========================================================================
   FOOTER — ANCRAGE EN BAS DES PAGES COURTES
   ========================================================================== */

.cm-site-footer {
    margin-top: auto;
}

.cm-home-container,
.cm-footer-container {
    width: min(
        calc(100% - var(--cm-gutter-desktop)),
        var(--cm-container)
    );

    margin-inline: auto;
}