@use '@angular/material' as mat;
$alg-primary: (
	50 : #e0f2f7,
    100 : #b3dfec,
    200 : #80c9e0,
    300 : #4db3d3,
    400 : #26a3c9,
    500 : #0093c0,
    600 : #008bba,
    700 : #0080b2,
    800 : #0076aa,
    900 : #00649c,
    A100 : #c7e8ff,
    A200 : #94d2ff,
    A400 : #61bdff,
    A700 : #47b2ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$alg-accent: (
	50 : #f7fae6,
    100 : #ebf2c1,
    200 : #ddea98,
    300 : #cfe26f,
    400 : #c5db50,
    500 : #bbd531,
    600 : #b5d02c,
    700 : #acca25,
    800 : #a4c41f,
    900 : #96ba13,
    A100 : #faffeb,
    A200 : #eeffb8,
    A400 : #e2ff85,
    A700 : #dcff6b,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #000000,
        900 : #000000,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$alg-warn: (
    50 : #fde8e7,
    100 : #fac5c3,
    200 : #f79f9b,
    300 : #f47872,
    400 : #f15b54,
    500 : #ef3e36,
    600 : #ed3830,
    700 : #eb3029,
    800 : #e82822,
    900 : #e41b16,
    A100 : #ffffff,
    A200 : #ffe2e1,
    A400 : #ffb0ae,
    A700 : #ff9795,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

//derivated colors from theme-primary
$alg-container: #0093c0;
$alg-container-light: #ccf1f4;
$alg-container-text: #006e90;

$alg-success: #76bb67;
$alg-glow: #FE5D26;
$alg-light: #cecece;
$alg-dark: #006a8b;

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