:root {
    /* FONTS */
    --font-primary: 'mundial-narrow-variable', sans-serif;
    --font-secondary: 'scale-variable', sans-serif;

    --font-size-3xl: max(40px, calc(85vw) / 19.2);
    --font-size-sub-3xl: max(14px, calc(18vw / 19.2));

    --font-size-2xl: max(30px, calc(65vw / 19.2));
    --font-size-sub-2xl: max(14px, calc(18vw / 19.2));

    --font-size-xl: max(30px, calc(40vw / 19.2));
    --font-size-sub-xl: max(20px, calc(30vw / 19.2));

    --font-size-lg: max(14px, calc(18vw / 19.2));

    --font-size-base: max(14px, calc(18vw / 19.2));

    --font-size-sm: 14px;

    --font-size-xs: 12px;

    --font-size-calendar-days: max(26px, calc(50vw / 19.2));
    --font-size-calendar: max(16px, calc(40vw / 19.2));

    --font-size-card: max(20px, calc(45vw) / 19.2);
    
    /* Circle size calendar */
    --circle-size: max(40px, calc(60vw) / 19.2);

    /* COLORS */
    --color-foreground: #2C2D25;
    --color-primary: #626355;
    --color-secondary: #E0DFD1;
    --color-accent: #F5F5F0;
    --color-red: #C12520;
    --color-pink: #F8EAEA;
    --color-dark: #2C2D25;
    --color-light: #F5F5F0;
    --color-fore-hover: #ECECE3CC;

    --section-foreground: var(--color-dark);

    /* MARGIN */
    --general-margin-tb: max(60px, calc(100vw / 19.2));
    --general-margin-lr: max(30px, calc(100vw / 19.2));
    --general-margin-inside: max(20px, calc(45vw / 19.2));

    --spacing-xl: max(30px, calc(200vw / 19.2));
    --spacing-lg: max(20px, calc(100vw / 19.2));
    --spacing-md: max(30px, calc(70vw / 19.2));
    --spacing-sm: max(20px, calc(40vw / 19.2));
    --spacing-xs: max(10px, calc(20vw / 19.2));

    /* SHADOW */
    --main-title-shadow: 2px 3px 3px rgba(0, 0, 0, 0.8);

    /* Animations */
    --animation-duration: 0.3s;
    --animation-easing: cubic-bezier(.17,.67,.83,.67);
}

.sejours {
    --color-primary: #242323;
    --color-secondary: #E4DED5;
    --color-accent: #A49889;
}

.minimalist {
    --font-size-3xl: max(30px, calc(70vw) / 19.2);

    --scrollbar-width: 4px;

    --main-title-shadow: 2px 3px 10px rgba(0, 0, 0, 0.8);
}