:root {
    /*Layout*/
    --max-width: 1080px;
    --min-height: 100vh;
    --width-card: 285px;
    --width-card-medium: 460px;
    --width-card-wide: 800px;

    /*Colors*/
    --color-primary: DarkGreen;
    --color-primary-accent: ;
    --color-secondary: MidnightBlue;
    --color-secondary-accent: #920de90b;
    --color-text: DimGrey;
    --color-text-reversed: White;
    --color-text-secondary: #999;
    --color-bg-primary: White;
    --color-bg-secondary: Gainsboro;
    --color-bg-tertiary: MintCream;
    --color-form-element-border: LightGrey;
    --color-focus-border: #0e24ac;
    --color-focus-boxshadow: #0e24ac;
    --color-scrollbar: #cacae8;


    /*Type*/
    --font-family:"Roboto", sans-serif;
    --font-family-secondary: "Lora", serif;
    --line-height: 1.7rem;


    /*Styling*/
    --border-radius: 8px;
    --form-element-border: 1px solid;
    --box-shadow: 0 0 10px;



    --active-brightness: 0.85;
    --color-accent: #00000015;
    --color-link: #118bee;
    --color-shadow: #f4f4f4;
    --color-table: #118bee;

    --hover-brightness: 1.2;
    --justify-important: center;
    --justify-normal: left;

}