@use '@angular/material' as mat;
$cam-primary: (
	50 : #e7e9ea,
    100 : #c3c7ca,
    200 : #9ba2a7,
    300 : #727c84,
    400 : #546069,
    500 : #36444f,
    600 : #303e48,
    700 : #29353f,
    800 : #222d36,
    900 : #161f26,
    A100 : #6abaff,
    A200 : #37a3ff,
    A400 : #048bff,
    A700 : #007eea,
    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,
    )
);

$cam-accent: (
	50 : #e1faf5,
    100 : #b4f2e7,
    200 : #82e9d7,
    300 : #50e0c7,
    400 : #2bd9bb,
    500 : #05d2af,
    600 : #04cda8,
    700 : #04c79f,
    800 : #03c196,
    900 : #01b686,
    A100 : #dffff5,
    A200 : #acffe6,
    A400 : #79ffd6,
    A700 : #5fffcf,
    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,
    )
);

$cam-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
$cam-container: #2d3942;
$cam-container-light: #d2dbe1;
$cam-container-text: #323f49;

$cam-success: #76bb67;
$cam-glow: #FE5D26;
$cam-light: #cecece;
$cam-dark: #252e35;

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