@import url('colors.css?v=1.0.1'); /* Import the colors file */


:root {
    /* Colors */
    /* Primary */
    --primary-text-default: var(--Black);
    --primary-background-default: var(--Black-Contrast);
    --primary-text-alternate: var(--White);
    --primary-background-alternate: var(--White-Contrast);
    --primary-main: var(--Blue300);
    --primary-main-contrast: var(--Blue300-Contrast);
    --primary-main-gradient: var(--Blue300EndGradient);
    --primary-dark: var(--Blue400);
    --primary-dark-contrast: var(--Blue400-Contrast);
    --primary-darker: var(--Blue500);
    --primary-darker-contrast: var(--Blue500-Contrast);
     /* Warning */
    --warning-main: var(--Orange300);
    --warning-main-contrast: var(--Orange300-Contrast);
    --warning-dark: var(--Orange400);
    --warning-dark-contrast: var(--Orange400-Contrast);
    /* Success */
    --success-lightest: var(--Green50);
    --success-lightest-contrast: var(--Green50-Contrast);
    --success-lighter: var(--Green100);
    --success-lighter-contrast: var(--Green100-Contrast);
    --success-main: var(--Green300);
    --success-main-contrast: var(--Green300-Contrast);
    --success-dark: var(--Green400);
    --success-dark-contrast: var(--Green400-Contrast);
    /* Danger */
    --danger-lightest: var(--Red50);
    --danger-lightest-contrast: var(--Red50-Contrast);
    --danger-lighter: var(--Red100);
    --danger-lighter-contrast: var(--Red100-Contrast);
    --danger-main: var(--Red300);
    --danger-main-contrast: var(--Red300-Contrast);
    --danger-dark: var(--Red400);
    --danger-dark-contrast: var(--Red400-Contrast);
    /* Grey */
    --greys-darkest: var(--Grey600);
    --greys-darker: var(--Grey500);
    --greys-darker-contrast: var(--Grey500-Contrast);
    --greys-dark: var(--Grey400);
    --greys-main: var(--Grey300);
    --greys-main-contrast: var(--Grey300-Contrast);
    --greys-light: var(--Grey200);
    --greys-lighter: var(--Grey100);
    --greys-lighter-contrast: var(--Grey100-Contrast);
    --greys-lighter-more: var(--Grey50);
    --greys-lighter-more-contrast: var(--Grey50-Contrast);
    /*Font*/
    --font-family-default: 'Open Sans', Arial, Helvetica, sans-serif;
    --font-family-amount: 'Oswald', Arial, Helvetica, sans-serif;
}