@use '@angular/material' as mat;
$mse-primary: (
    50 : #e4f0f2,
    100 : #bcdae0,
    200 : #8fc1cb,
    300 : #62a8b6,
    400 : #4195a6,
    500 : #1f8296,
    600 : #1b7a8e,
    700 : #176f83,
    800 : #126579,
    900 : #0a5268,
    A100 : #9ae5ff,
    A200 : #67d8ff,
    A400 : #34caff,
    A700 : #1ac4ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$mse-accent: (
    50 : #e5f9ed,
    100 : #bdf0d3,
    200 : #91e7b5,
    300 : #65dd97,
    400 : #44d581,
    500 : #23ce6b,
    600 : #1fc963,
    700 : #1ac258,
    800 : #15bc4e,
    900 : #0cb03c,
    A100 : #ddffe5,
    A200 : #aaffbf,
    A400 : #77ff99,
    A700 : #5dff85,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$mse-warn: (
    50 : #ffebec,
    100 : #ffcdcf,
    200 : #ffacaf,
    300 : #ff8b8e,
    400 : #ff7276,
    500 : #ff595e,
    600 : #ff5156,
    700 : #ff484c,
    800 : #ff3e42,
    900 : #ff2e31,
    A100 : #ffffff,
    A200 : #ffffff,
    A400 : #ffdada,
    A700 : #ffc0c1,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

//derivated colors from theme-primary
$mse-container: mat.m2-get-color-from-palette($mse-primary, 500);
$mse-container-light: mat.m2-get-color-from-palette($mse-primary, 50);
$mse-container-text: mat.m2-get-color-from-palette($mse-primary, 800);

$mse-success: #1e8e3e;
$mse-glow: #F9B233;
$mse-light: #f4f5f6;
$mse-dark: mat.m2-get-color-from-palette($mse-primary, 900);

// define 3 theme color
// mat-palette accepts $palette-name, main, lighter and darker variants
$mse-theme-primary: mat.m2-define-palette($mse-primary);
$mse-theme-accent: mat.m2-define-palette($mse-accent);
$mse-theme-warn: mat.m2-define-palette($mse-warn);