@use '@angular/material' as mat;
$qbm-primary: (
	50 : #e8ecf0,
    100 : #c6d1da,
    200 : #a1b2c1,
    300 : #7b93a8,
    400 : #5e7b95,
    500 : #426482,
    600 : #3c5c7a,
    700 : #33526f,
    800 : #2b4865,
    900 : #1d3652,
    A100 : #93c4ff,
    A200 : #60a7ff,
    A400 : #2d8bff,
    A700 : #147dff,
    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,
    )
);

$qbm-accent: (
	50 : #e7f7f0,
    100 : #c4eada,
    200 : #9ddcc2,
    300 : #75ceaa,
    400 : #58c497,
    500 : #3ab985,
    600 : #34b27d,
    700 : #2caa72,
    800 : #25a268,
    900 : #189355,
    A100 : #c9ffe2,
    A200 : #96ffc7,
    A400 : #63ffab,
    A700 : #4aff9e,
    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,
    )
);

$qbm-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
$qbm-container: #293e53;
$qbm-container-light: #d4dfe9;
$qbm-container-text: #3a5872;

$qbm-success: #76bb67;
$qbm-glow: #FE5D26;
$qbm-light: #cecece;
$qbm-dark: #38546d;

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