@use '@angular/material' as mat;
$dir-primary: (
	50 : #e6e8e9,
    100 : #c1c5c8,
    200 : #989ea4,
    300 : #6e777f,
    400 : #4f5963,
    500 : #303c48,
    600 : #2b3641,
    700 : #242e38,
    800 : #1e2730,
    900 : #131a21,
    A100 : #65abff,
    A200 : #328fff,
    A400 : #0074fe,
    A700 : #0068e5,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #ffffff,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #ffffff,
        A400 : #ffffff,
        A700 : #ffffff,
    )
);

$dir-accent: (
	50 : #f8e4e5,
    100 : #eebcbe,
    200 : #e29092,
    300 : #d66466,
    400 : #ce4246,
    500 : #c52125,
    600 : #bf1d21,
    700 : #b8181b,
    800 : #b01416,
    900 : #a30b0d,
    A100 : #ffd1d1,
    A200 : #ff9e9f,
    A400 : #ff6b6c,
    A700 : #ff5153,
    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,
    )
);

$dir-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
$dir-container: #242d37;
$dir-container-light: #c3cdd7;
$dir-container-text: #252f38;

$dir-success: #1e8e3e;
$dir-glow: #F9B233;
$dir-light: #f4f5f6;
$dir-dark: #202830;

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