@use '@angular/material' as mat;
$apb-primary: (
    50 : #efe3ea,
    100 : #d7baca,
    200 : #bd8ca6,
    300 : #a35e82,
    400 : #8f3c68,
    500 : #7b194d,
    600 : #731646,
    700 : #68123d,
    800 : #5e0e34,
    900 : #4b0825,
    A100 : #ff80af,
    A200 : #ff4d8f,
    A400 : #ff1a6f,
    A700 : #ff015e,
    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,
    )
);

$apb-accent: (
    50 : #e0f5f7,
    100 : #b3e6eb,
    200 : #80d6dd,
    300 : #4dc6cf,
    400 : #26b9c5,
    500 : #00adbb,
    600 : #00a6b5,
    700 : #009cac,
    800 : #0093a4,
    900 : #008396,
    A100 : #c1f6ff,
    A200 : #8eeeff,
    A400 : #5be7ff,
    A700 : #41e3ff,
    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,
    )
);

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

$apb-success: #76bb67;
$apb-glow: #FE5D26;
$apb-light: #cecece;
$apb-dark: mat.m2-get-color-from-palette($apb-primary, 900);

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