@use '@angular/material' as mat;
$idg-primary: (
	50 : #e6eaef,
    100 : #c1cad6,
    200 : #98a7bb,
    300 : #6f839f,
    400 : #50698b,
    500 : #314e76,
    600 : #2c476e,
    700 : #253d63,
    800 : #1f3559,
    900 : #132546,
    A100 : #82a9ff,
    A200 : #4f86ff,
    A400 : #1c63ff,
    A700 : #0351ff,
    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,
    )
);

$idg-accent: (
	50 : #ecf6e7,
    100 : #d0e8c4,
    200 : #b1d89c,
    300 : #92c874,
    400 : #7abd57,
    500 : #63b139,
    600 : #5baa33,
    700 : #51a12c,
    800 : #479824,
    900 : #358817,
    A100 : #ceffbe,
    A200 : #a7ff8b,
    A400 : #80ff58,
    A700 : #6cff3f,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$idg-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
$idg-container: #314e76;
$idg-container-light: #c8d6e8;
$idg-container-text: #273f5f;

$idg-success: #1e8e3e;
$idg-glow: #F9B233;
$idg-light: #f4f5f6;
$idg-dark: #253b59;

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