@use '@angular/material' as mat;
$acr-primary: (
	50 : #e7eeed,
    100 : #c4d5d1,
    200 : #9db9b2,
    300 : #769d93,
    400 : #58887c,
    500 : #3b7365,
    600 : #356b5d,
    700 : #2d6053,
    800 : #265649,
    900 : #194337,
    A100 : #83ffdb,
    A200 : #50ffcc,
    A400 : #1dffbe,
    A700 : #03ffb6,
    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,
    )
);

$acr-accent: (
	50 : #f6e3e3,
    100 : #e7baba,
    200 : #d88c8c,
    300 : #c85d5e,
    400 : #bc3b3c,
    500 : #b01819,
    600 : #a91516,
    700 : #a01112,
    800 : #970e0e,
    900 : #870808,
    A100 : #ffb5b5,
    A200 : #ff8282,
    A400 : #ff4f4f,
    A700 : #ff3636,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #ffffff,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #ffffff,
    )
);

$acr-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
$acr-container: #3b7365;
$acr-container-light: #c7e2db;
$acr-container-text: #2c554b;

$acr-success: #76bb67;
$acr-glow: #FE5D26;
$acr-light: #cecece;
$acr-dark: #1d3831;

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