html, body{

    /* Base Colors */

    --color-background: black;
    --color-foreground: white;

    --color-background-text: white;
    --color-foreground-text: black;

    /* Dividers and structure */

    --color-dark: #383d41;
    --color-medium: darkgrey;
    --color-light: #C3C7D8;
    --color-white: white;

    /* UI Elements */

    --color-primary: #FF5800;
    --color-primary-text: white;

    --color-secondary: #019862;
    --color-secondary-text: white;

    --color-tertiary: #C3C7D8;
    --color-tertiary-text: white;


    /* Buttons */

    --color-positive: forestgreen; /* #00A26D*/
    --color-positive-text: white;

    --color-positive-light: lightgreen;

    --color-negative: #ff601e;
    --color-negative-text: white;

    --color-negative-light: lightcoral;

    --color-info: cadetblue;
    --color-info-text: white;

    --color-warning: #E79535;
    --color-warning-text: white;


}