:root {
    /* Primary App Colors */

    /* Background Gradient */
    --background-start: hsla(0,0%,99%,1.00);
    --background-end: hsla(0,0%,99%,1.00);
    --background-angle: 90deg;

    --primary-text-color: black;
    --secondary-text-color: dodgerblue;

    --accordian-border-color: black;
    --accordian-shadow-color: #898989;

    --input-accent: dodgerblue;

    --loading-dots-color: #186bbf;

    --add-location-button: rgba(34,55,91,0.88);
    --add-location-button-text: white;

    --box-shadow-color: #898989;

    --positive-button: dodgerblue;
    --positive-button-text: white;

    /* Currently Only Used for Remove Location in Settings */
    --negative-button: #ff4d4d;
    --negative-button-text: white;

    /* Navigation Buttons */
    --nav-button-background: white;
    --nav-button-selected: #EEEEEE;

    /* Widget Editor Buttons */
    --editor-background: darkslategray;
    --editor-text-color: white;

    /* Location List Colors */
    --default-background: blue;
    --error-background: darkslategray;
    --current-location-background: cadetblue;
    --location-text-color: white;

    --no-alerts-background: dodgerblue;
    --no-alerts-text-color: white;

    --watch-background: darkgoldenrod;
    --watch-background-secondary: goldenrod;
    --watch-text-color: white;

    --warning-background: darkred;
    --warning-background-secondary: red;
    --warning-text-color: white;

    --statement-background: grey;
    --statement-background-secondary: slategray;
    --statement-text-color: white;

    /* Widget-specific Colors */
    --polutant-background-color: #555;
    --polutant-text-color: white;

    --sunrise-sunset-background-color: #555;
    --sunrise-sunset-text-color: white;

    /* Graph Colors */
    --graph-text-color: black;

    --cape-graph-start: white;
    --cape-graph-end: red;

    --humidity-graph-start: white;
    --humidity-graph-end: yellow;

    --wind-graph-start: white;
    --wind-graph-end: deeppink;

    --precipitation-graph-start: white;
    --precipitation-graph-2: dodgerblue;
    --precipitation-graph-end: blue;

    /* Used for dewpoint, feels like, and temperature graphs */
    --temp-graph-start: purple;
    --temp-graph-2: dodgerblue;
    --temp-graph-3: lime;
    --temp-graph-4: yellow;
    --temp-graph-end: red;

    /* For SVGs that only come in limited colors */

    /* Current options: white, black */
    --graph-icon-color: black;

    /* Current options: white, black, dodgerblue */
    --nav-icon-color: dodgerblue;
}