@use '@angular/material' as mat;
$cof-primary: (
	50 : #ebebeb,
    100 : #cccccc,
    200 : #ababab,
    300 : #898989,
    400 : #6f6f6f,
    500 : #565656,
    600 : #4f4f4f,
    700 : #454545,
    800 : #3c3c3c,
    900 : #2b2b2b,
    A100 : #f28b8b,
    A200 : #ed5d5d,
    A400 : #ff1818,
    A700 : #fd0000,
    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 : #ffffff,
        A700 : #ffffff,
    )
);

$cof-accent: (
	 50 : #fff0e0,
    100 : #ffdbb3,
    200 : #ffc380,
    300 : #ffaa4d,
    400 : #ff9826,
    500 : #ff8600,
    600 : #ff7e00,
    700 : #ff7300,
    800 : #ff6900,
    900 : #ff5600,
    A100 : #ffffff,
    A200 : #fff6f2,
    A400 : #ffd1bf,
    A700 : #ffbea6,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #000000,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$cof-warn: (
    50 : #fce1e7,
    100 : #f8b5c2,
    200 : #f4849a,
    300 : #f05371,
    400 : #ec2e52,
    500 : #e90934,
    600 : #e6082f,
    700 : #e30627,
    800 : #df0521,
    900 : #d90215,
    A100 : #ffffff,
    A200 : #ffced0,
    A400 : #ff9b9f,
    A700 : #ff8187,
    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,
    )
);

//derivated colors from theme-primary
$cof-container: #363c3f;
$cof-container-light: #e1e3e4;
$cof-container-text: #363c3f;

$cof-success: #76bb67;
$cof-glow: #FE5D26;
$cof-light: #cecece;
$cof-dark: mat.m2-get-color-from-palette($cof-primary, 900);

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