/**
 * Copyright © 2021 Eaton
 *
 * This software is confidential and licensed under Eaton Proprietary License
 * (EPL or EULA).
 * This software is not authorized to be used, duplicated or disclosed to
 * anyone without the prior written permission of Eaton.
 * Limitations, restrictions and exclusions of the Eaton applicable standard
 * terms and conditions, such as its EPL and EULA, apply.
 */

:root {
    --m2-primary-50: #e0eff8;
    --m2-primary-100: rgb(179, 216, 237);
    --m2-primary-200: rgb(128, 189, 224);
    --m2-primary-300: rgb(77, 163, 212);
    --m2-primary-500: rgb(0, 123, 193);
    --m2-primary-700: rgb(0, 104, 179);
    --m2-primary-800: rgb(0, 94, 171);

    --m2-primary-contrast-50: black;
    --m2-primary-contrast-100: black;
    --m2-primary-contrast-200: black;
    --m2-primary-contrast-500: white;
    --m2-primary-contrast-700: white;

    --m2-accent-50: rgb(224, 241, 252);
    --m2-accent-100: rgb(179, 219, 251);
    --m2-accent-200: rgb(128, 196, 249);
    --m2-accent-300: rgb(77, 172, 246);
    --m2-accent-500: rgb(0, 136, 242);
    --m2-accent-700: rgb(0, 117, 238);
    --m2-accent-contrast-100: black;
    --m2-accent-contrast-500: white;
    --m2-accent-contrast-700: white;

    --m2-warn-50: rgb(249, 232, 232);
    --m2-warn-100: rgb(239, 197, 197);
    --m2-warn-200: rgb(229, 158, 158);
    --m2-warn-300: rgb(218, 119, 119);
    --m2-warn-500: rgb(202, 60, 61);
    --m2-warn-700: rgb(189, 46, 47);
    --m2-warn-contrast-100: black;
    --m2-warn-contrast-500: white;
    --m2-warn-contrast-700: white;

    --m3-primary: var(--m2-primary-500);
    --m3-on-primary: var(--m2-primary-contrast-500);
    --m3-primary-container: var(--m2-primary-50);
    --m3-on-primary-container: var(--m2-primary-800);

    --m3-secondary: var(--m2-primary-500); // TODO
    --m3-on-secondary: var(--m2-primary-contrast-500); // TODO
    --m3-secondary-container: var(--m2-primary-50); // TODO
    --m3-on-secondary-container: var(--m2-primary-800); // TODO

    --m3-tertiary: var(--m2-primary-500); // TODO
    --m3-on-tertiary: var(--m2-primary-contrast-500); // TODO
    --m3-tertiary-container: var(--m2-primary-50); // TODO
    --m3-on-tertiary-container: var(--m2-primary-800); // TODO

    --m3-background: rgb(238, 240, 240);
    --m3-on-background: rgb(66, 78, 84);
    --m3-surface: rgb(255, 255, 255);
    --m3-on-surface: rgb(66, 78, 84);
    --m3-surface-variant: rgb(243, 245, 245);
    --m3-on-surface-variant: rgb(95, 107, 113);
    --m3-outline: rgb(185, 191, 194);
    --m3-outline-variant: rgb(185, 191, 194);

    --m3-info: rgb(0, 136, 242);
    --m3-on-info: rgb(0, 136, 242); // TODO
    --m3-info-container: rgb(0, 136, 242); // TODO
    --m3-on-info-container: rgb(0, 136, 242); // TODO

    --m3-success: rgb(57, 182, 32);
    --m3-on-success: rgb(255, 255, 255);
    --m3-success-container: #39b620; // TODO
    --m3-on-success-container: #39b620; // TODO

    --m3-danger: rgb(202, 60, 61);
    --m3-on-danger: rgb(255, 255, 255);

    --m3-warning: rgb(240, 203, 47);
    --m3-on-warning: rgb(66, 78, 84);
    --m3-warning-container: rgb(251, 230, 188);
    --m3-on-warning-container: rgb(29, 37, 41);
}
