:root {
    --primary: rgb(255, 153, 0);
	--primary-soft: rgb(214, 129, 0);
    --background: rgb(240, 240, 240);
    --background-secondary: rgb(230, 230, 230);

    --font: rgb(6, 0, 90);
    --erasedfont: rgba(42, 36, 90, 0.8);

    --modal-background: rgb(255, 255, 255);
    --modal-outbackground: rgba(31, 31, 31, 0.9);

    --music-font: rgba(31, 31, 31, 0.9);
    --music-background:rgb(230, 230, 230);
    
    --navbackground: rgb(214, 129, 0);
    --navbarborder: rgb(171, 102, 0);
    --navfont: rgb(6, 0, 90);
    --navbar-item-hover: rgb(214, 125, 0);

    --iconapplications: #5f6368;

    --btn-background: rgb(0, 79, 143);
    --btn-font: rgb(255, 166, 31);
    --btn-secondary-background: rgb(44, 44, 44);

    --input-border: rgb(6, 0, 90);
    --input-border-focus: rgb(0, 80, 90);
    --input-background: rgb(255, 251, 251);
    
    --thead: rgb(250, 250, 250);
    --table-border: rgb(237, 237, 237);
    --tr-impaire: rgb(235, 235, 235);
    --tr-paire: rgb(230, 230, 230);
    --tr-focus: rgb(159, 159, 159);

    --container-border: rgb(158, 158, 158);

    --calendar-cell-inner: rgb(240, 240, 240);
    --calendar-cell-border: rgb(211, 211, 211);
    --calendar-rowheader-inner-to:rgb(236, 236, 236);
    --calendar-rowheader-color:var(--font);
}