@use '@angular/material' as mat;
$pps-primary: (
    50 : #ece3e4,
    100 : #cfb9bc,
    200 : #af8b8f,
    300 : #8f5c62,
    400 : #773940,
    500 : #5f161e,
    600 : #57131a,
    700 : #4d1016,
    800 : #430c12,
    900 : #32060a,
    A100 : #ff6b73,
    A200 : #ff3843,
    A400 : #ff0513,
    A700 : #eb000d,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #ffffff,
        400 : #ffffff,
        500 : #ffffff,
        600 : #ffffff,
        700 : #ffffff,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #ffffff,
        A400 : #ffffff,
        A700 : #ffffff,
    )
);

$pps-accent: (
    50 : #fff5ea,
    100 : #ffe5cc,
    200 : #ffd4aa,
    300 : #ffc287,
    400 : #ffb56e,
    500 : #ffa854,
    600 : #ffa04d,
    700 : #ff9743,
    800 : #ff8d3a,
    900 : #ff7d29,
    A100 : #ffffff,
    A200 : #ffffff,
    A400 : #ffe5d6,
    A700 : #ffd5bd,
    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,
    )
);

$pps-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
$pps-container: mat.m2-get-color-from-palette($pps-primary, 500);
$pps-container-light: mat.m2-get-color-from-palette($pps-primary, 50);
$pps-container-text: mat.m2-get-color-from-palette($pps-primary, 800);

$pps-success: #1e8e3e;
$pps-glow: #F9B233;
$pps-light: #f4f5f6;
$pps-dark: mat.m2-get-color-from-palette($pps-primary, 900);

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