@use '@angular/material' as mat;
$cgo-primary: (
    50 : #e3eae6,
    100 : #b9cbc1,
    200 : #8aa898,
    300 : #5b856f,
    400 : #376a50,
    500 : #145031,
    600 : #12492c,
    700 : #0e4025,
    800 : #0b371f,
    900 : #062713,
    A100 : #63ff96,
    A200 : #30ff74,
    A400 : #00fc53,
    A700 : #00e24a,
    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 : #000000,
    )
);

$cgo-accent: (
    50 : #ffede7,
    100 : #fed2c3,
    200 : #feb49b,
    300 : #fd9572,
    400 : #fc7f54,
    500 : #fc6836,
    600 : #fc6030,
    700 : #fb5529,
    800 : #fb4b22,
    900 : #fa3a16,
    A100 : #ffffff,
    A200 : #fff8f6,
    A400 : #ffcbc3,
    A700 : #ffb5aa,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$cgo-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
$cgo-container: mat.m2-get-color-from-palette($cgo-primary, 500);
$cgo-container-light: mat.m2-get-color-from-palette($cgo-primary, 50);
$cgo-container-text: mat.m2-get-color-from-palette($cgo-primary, 800);

$cgo-success: #1e8e3e;
$cgo-glow: #F9B233;
$cgo-light: #f4f5f6;
$cgo-dark: mat.m2-get-color-from-palette($cgo-primary, 900);

// define 3 theme color
// mat-palette accepts $palette-name, main, lighter and darker variants
$cgo-theme-primary: mat.m2-define-palette($cgo-primary);
$cgo-theme-accent: mat.m2-define-palette($cgo-accent);
$cgo-theme-warn: mat.m2-define-palette($cgo-warn);
