:root{
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: 62.5%;
    margin: 0;

    --font-size: 1.6rem;
    --font-color-dark: #aaa;
    --font-color-light: #333;
    --font-weight: 400;

    --h-font-color-light: var(--font-color-light);
    --h-font-color-dark: #ddd;

    --bg-color-dark: #222;
    --bg-color-light:white;

    --accent-color-dark: tomato;
    --accent-color-light: dodgerblue;

    --strong-color-dark: #bbb;
    --strong-color-light: black;

    --disabled-color-dark: #666;
    --disabled-color-light: #aaa;

    --primary-color-dark: tomato;
    --primary-color-light: dodgerblue;

   
    --header-accent-dark: orange;
    --header-accent-light: tomato;
    --header-border-color-dark: var(--header-accent-dark);
    --header-border-color-light: var(--font-color-light);

    --accent-color-1-light: rgb(248, 209, 215);
    --accent-color-1-dark: rgb(127, 31, 14);
    --accent-color-2-light: rgb(255, 221, 158);
    --accent-color-2-dark: rgb(106, 69, 0);
    --accent-color-3-light: rgb(255, 247, 204);
    --accent-color-3-dark: rgb(81, 68, 0);
    --accent-color-4-light: rgb(195, 255, 195);
    --accent-color-4-dark: rgb(0, 51, 0);
    --accent-color-5-light: rgb(219, 245, 253);
    --accent-color-5-dark: rgb(0, 43, 58);

}