@use '@angular/material' as mat;
$clc-primary: (
	50 : #e6e9f3,
    100 : #c0c9e2,
    200 : #97a5cf,
    300 : #6d80bb,
    400 : #4d65ad,
    500 : #2e4a9e,
    600 : #294396,
    700 : #233a8c,
    800 : #1d3282,
    900 : #122270,
    A100 : #a6b3ff,
    A200 : #7387ff,
    A400 : #405cff,
    A700 : #2646ff,
    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,
    )
);

$clc-accent: (
	50 : #f8f4e3,
    100 : #ede3b8,
    200 : #e1d189,
    300 : #d4bf59,
    400 : #cbb136,
    500 : #c2a312,
    600 : #bc9b10,
    700 : #b4910d,
    800 : #ac880a,
    900 : #9f7705,
    A100 : #ffefca,
    A200 : #ffe097,
    A400 : #ffd164,
    A700 : #ffca4b,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #000000,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

$clc-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
$clc-container: #2e4a9e;
$clc-container-light: #d7def3;
$clc-container-text: #274088;

$clc-success: #76bb67;
$clc-glow: #FE5D26;
$clc-light: #cecece;
$clc-dark: #223776;

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