@use '@angular/material' as mat;
$cpg-primary: (
    50 : #e4f1ea,
    100 : #bbdccb,
    200 : #8ec5a8,
    300 : #60ad85,
    400 : #3e9c6b,
    500 : #1c8a51,
    600 : #19824a,
    700 : #147740,
    800 : #116d37,
    900 : #095a27,
    A100 : #8effb1,
    A200 : #5bff8e,
    A400 : #28ff6b,
    A700 : #0eff59,
    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,
    )
);

$cpg-accent: (
    50 : #e0f5fd,
    100 : #b3e6fa,
    200 : #80d6f7,
    300 : #4dc6f4,
    400 : #26b9f1,
    500 : #00adef,
    600 : #00a6ed,
    700 : #009ceb,
    800 : #0093e8,
    900 : #0083e4,
    A100 : #ffffff,
    A200 : #d8ecff,
    A400 : #a5d4ff,
    A700 : #8bc8ff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$cpg-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
$cpg-container: #147740;
$cpg-container-light: #E4F3EC;
$cpg-container-text: #01481B;

$cpg-success: #76bb67;
$cpg-glow: #FE5D26;
$cpg-light: #cecece;
$cpg-dark: #095a27;

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