/*
    Generated from https://material.io/resources/color/#!/?view.left=1&view.right=1&primary.color=8ebe3f&secondary.color=1d354d
*/

/*
    NOTE: We used to use CSS vars for the theme colors, but some Material components don't like when the palette's are defined with them.
    Since many styles reference the CSS vars and don't have a theme file, this needs to be kept for the time being. These colors need to
    stay in sync with those.

    See: scss/themes/default/_palette.scss
*/
.theme-root {
    /* Primary color palette */
    --cd-primary-color-50: #D0E4FF;
    --cd-primary-color-100: #7B93AF;
    --cd-primary-color-300: #49607A;
    --cd-primary-color-500: #1A324A;
    --cd-primary-color-600: #0D273F;
    --cd-primary-color-700: #011D34;
    --cd-primary-color-900: #001224;

    --cd-primary-color-contrast-50: #000;
    --cd-primary-color-contrast-100: #000;
    --cd-primary-color-contrast-300: #FFF;
    --cd-primary-color-contrast-500: #FFF;
    --cd-primary-color-contrast-600: #FFF;
    --cd-primary-color-contrast-700: #FFF;
    --cd-primary-color-contrast-900: #FFF;

    /* Primary color palette - alternate colors */
    --cd-primary-color-A400: #64b5f6;
    --cd-primary-color-alt-contrast: #000;

    /* Accent color palette */
    --cd-accent-color-50: #DBFCA6;
    --cd-accent-color-100: #CDEE99;
    --cd-accent-color-300: #A4D654;
    --cd-accent-color-500: #8ABA3B;
    --cd-accent-color-600: #719E21;
    --cd-accent-color-700: #598300;
    --cd-accent-color-900: #466800;

    --cd-accent-color-contrast-50: #000;
    --cd-accent-color-contrast-100: #000;
    --cd-accent-color-contrast-300: #000;
    --cd-accent-color-contrast-500: #000;
    --cd-accent-color-contrast-600: #000;
    --cd-accent-color-contrast-700: #000;
    --cd-accent-color-contrast-900: #FFF;

    /* Success color palette */
    --cd-success-color-100: #8ebe3f;
    --cd-success-color-500: #8ebe3f;
    --cd-success-color-700: #8ebe3f;

    --cd-success-color-contrast-100: #000;
    --cd-success-color-contrast-500: #000;
    --cd-success-color-contrast-700: #000;

    /* For compatibility with apps that may have hardcoded CSS variable */
    --cd-success-color: #8ebe3f;

    /* Error/Hard Warning color */
    --cd-error-color-100: #f44336;
    --cd-error-color-500: #f44336;
    --cd-error-color-700: #f44336;

    --cd-error-color-contrast-100: #FFF;
    --cd-error-color-contrast-500: #FFF;
    --cd-error-color-contrast-700: #FFF;

    /* For compatibility with apps that may have hardcoded CSS variable */
    --cd-error-color: #f44336;

    /* Color for soft warnings*/
    --cd-warning-color-100: #ff9d0a;
    --cd-warning-color-500: #ff9d0a;
    --cd-warning-color-700: #ff9d0a;
    
    --cd-warning-color-contrast-100: #000;
    --cd-warning-color-contrast-500: #000;
    --cd-warning-color-contrast-700: #000;

    /* For compatibility with apps that may have hardcoded CSS variable */
    --cd-warning-color: #ff9d0a;

    /* Color for showing fields and other in a dirty state */
    --cd-dirty-color: #c09852;

    /* The color of things that have stuff on them */
    --cd-surface-color: white;

    /* Overall app background color */
    --cd-app-background-color: #E9E9E9;
}