body {
    background-color: var(--mud-palette-primary-hover);
}

:root {
    /* Colors */
    /* Besoin de -rgb pour rgba(var(--color-primary-light-rgb), 0.75) https://www.rapidtables.com/convert/color/hex-to-rgb.html */
    
    --color-primary-very-light: #E4F8FF;
    --color-primary-very-light-rgb: 228, 248, 255;

    --color-primary-light: #34C7F9;
    --color-primary-light-rgb: 52, 199, 249;

    --color-primary-highlight: #15637D;
    --color-primary-highlight-rgb: 21, 99, 125;

    --color-primary-medium: #005977;
    --color-primary-medium-rgb: 0, 168, 225;

    --color-primary-dark: #01394D;
    --color-primary-dark-rgb: 1, 57, 77;

    --color-primary-very-dark: #000;
    --color-primary-very-dark-rgb: 0, 0, 0;

    /* Gradiants */
    --bg-gradiant-light: var(--color-primary-medium);
    --bg-gradiant-dark: var(--color-primary-very-dark);
}