@use '@angular/material' as mat;
$dcg-primary: (
	50 : #e0eaf0,
    100 : #b3cbd9,
    200 : #80a9c0,
    300 : #4d87a7,
    400 : #266d94,
    500 : #005381,
    600 : #004c79,
    700 : #00426e,
    800 : #003964,
    900 : #002951,
    A100 : #84b7ff,
    A200 : #5199ff,
    A400 : #1e7bff,
    A700 : #046cff,
    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 : #ffffff,
        A700 : #ffffff,
    )
);

$dcg-accent: (
	50 : #f8fae7,
    100 : #edf2c3,
    200 : #e1e99b,
    300 : #d5e072,
    400 : #ccda54,
    500 : #c3d336,
    600 : #bdce30,
    700 : #b5c829,
    800 : #aec222,
    900 : #a1b716,
    A100 : #fcffea,
    A200 : #f4ffb7,
    A400 : #ecff84,
    A700 : #e8ff6a,
    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,
    )
);

$dcg-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
$dcg-container: #005381;
$dcg-container-light: #c0d7e4;
$dcg-container-text: #004c76;

$dcg-success: #76bb67;
$dcg-glow: #FE5D26;
$dcg-dark: #00466c;
$dcg-light: #cecece;

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