@use '@angular/material' as mat;
$dgy-primary: (
	50 : #e7e8e8,
	100 : #c3c5c5,
	200 : #9b9e9f,
	300 : #727779,
	400 : #54595c,
	500 : #363c3f,
	600 : #303639,
	700 : #292e31,
	800 : #222729,
	900 : #161a1b,
	A100 : #6ad4f8,
	A200 : #39c6f6,
	A400 : #00bdfc,
	A700 : #00aae2,
	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,
	)
);

$dgy-accent: (
	50 : #fef6e3,
	100 : #fde8b9,
	200 : #fcd98a,
	300 : #fbc95b,
	400 : #fabe38,
	500 : #f9b215,
	600 : #f8ab12,
	700 : #f7a20f,
	800 : #f6990c,
	900 : #f58a06,
	A100 : #ffffff,
	A200 : #fff4e9,
	A400 : #ffdbb6,
	A700 : #ffcf9d,
	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,
	)
);

$dgy-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
$dgy-container: #363c3f;
$dgy-container-light: #e1e3e4;
$dgy-container-text: #363c3f;

$dgy-dark: #1a1d1f;

$dgy-success: #73BA64;
$dgy-glow: #F9B233;
$dgy-light: #cecece;

// define 3 theme color
// mat-palette accepts $palette-name, main, lighter and darker variants
$dgy-theme-primary: mat.m2-define-palette($dgy-primary);
$dgy-theme-accent: mat.m2-define-palette($dgy-accent);
$dgy-theme-warn: mat.m2-define-palette($dgy-warn);
