:root {
    --principal: rgb(32, 74, 135);     /* bleu métallisé profond */
    --secondaire: rgb(210, 215, 220);  /* gris aluminium froid */
    --border: rgb(165, 175, 185);      /* métal brossé */
    --button: rgb(58, 110, 185);       /* bleu métal éclairci */



    /* BODY */
    --body-background: rgba(245, 245, 245, 1);
    --body-border: none;
    --body-color: black;

    /* MAIN */
    --main-background: var(--body-background);
    --main-border: var(--body-border);
    --main-color: var(--body-color);

    /* HEADER */
    --header-background: linear-gradient(180deg, var(--principal) 40%, var(--secondaire) 100%);
    --header-border: 0px solid black;
    --header-color: white;

    /* HERO */
    --hero-background: var(--secondaire);
    --hero-border: 0px solid black;
    --hero-color: white;

    /* ASIDE */
    --aside-background: linear-gradient(180deg, var(--principal) 0%, var(--secondaire) 100%);
    --aside-border: 0px solid black;
    --aside-color: white;

    /* FOOTER */
    --footer-background: var(--secondaire);
    --footer-border: 0px solid black;
    --footer-color: white;


    
    /* TITRES */
    --h1-background: linear-gradient(to right, var(--principal) 0%, var(--secondaire) 100%);
    --h2-background: var(--h1-background);
    --h3-background: var(--h1-background);
    --h4-background: var(--h1-background);



    /* SECTIONS */
    --section-background: var(--body-background);
    --section-border: 1px solid var(--border);
    --section-color: inherit;



    /* INPUTS */
    --input-background: var(--body-background);
    --input-border: 1px solid #ccc;
    --input-color: inherit;

    --input-background-hover: var(--body-background);
    --input-border-hover: 1px solid var(--principal);
    --input-color-hover: inherit;



    /* MENUS - menu_nav */
    --menu_nav-background: var(--secondaire);
    --menu_nav-border: none;
    --menu_nav-color: inherit;

    /* MENUS - menu_toggle_btn */
    --menu_toggle_btn-background: none;
    --menu_toggle_btn-border: none;
    --menu_toggle_btn-color: inherit;

    --menu_toggle_btn-background-hover: none;
    --menu_toggle_btn-border-hover: none;
    --menu_toggle_btn-color-hover: inherit;

    /* MENUS - menu_toggle_nav */
    --menu_toggle_nav-background: var(--secondaire);
    --menu_toggle_nav-border: none;
    --menu_toggle_nav-color: inherit;

}