:root {

        /* Primary color */

        --color-primary-background: #438FFE;
        --color-primary-background-gradient-top: #438AFD;
        --color-primary-background-gradient-bottom: #4B1DDC;
        --color-primary-background-border: #000;
        --color-primary-background-shadow: #000;
        --color-primary-foreground: #fff;
        --color-primary-foreground-shadow: #000;

        /* Hover color */

        --color-primary-active-background: #438FFE;
        --color-primary-active-background-gradient-top: #438FFE;
        --color-primary-active-background-gradient-bottom: #438AFD;
        --color-primary-active-background-border: #fff;
        --color-primary-active-background-shadow: #000;
        --color-primary-active-foreground: #fff;
        --color-primary-active-foreground-shadow: #000;

}