/*
Template Name: Material HeadUp
Author: UnEspace
Email: rampeur@gmail.com
File: scss
*/

@use '@angular/material' as mat;

$bodyfont: 'Barlow', "Helvetica Neue", sans-serif;
$headingfont: 'Barlow', "Helvetica Neue", sans-serif;
$font-family-monospace: 'Inconsolata', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-size-base: 0.875rem;
$badge-font-size: .76rem;
$badge-font-weight: 600;

/* Custom Theme Palettes */
$md-custom-primary: (
    50 : #f6fbf9,
    100 : #e9f5f1,
    200 : #dbeee8,
    300 : #cde7de,
    400 : #c2e2d7,
    500 : #b7ddd0,
    600 : #b0d9cb,
    700 : #a7d4c4,
    800 : #9fcfbe,
    900 : #90c7b3,
    A100 : #ffffff,
    A200 : #ffffff,
    A400 : #f8fffc,
    A700 : #dffff3,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);
$md-custom-accent: (
    50 : #fbfaf7,
    100 : #f6f2eb,
    200 : #f0eade,
    300 : #eae2d1,
    400 : #e6dbc7,
    500 : #e1d5bd,
    600 : #ddd0b7,
    700 : #d9caae,
    800 : #d5c4a6,
    900 : #cdba98,
    A100 : #eae2d1,
    A200 : #e6dbc7,
    A400 : #e1d5bd,
    A700 : #ddd0b7,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);
$md-custom-warn: (
    50 : #f3f2f9,
    100 : #e2def0,
    200 : #cfc8e6,
    300 : #bcb1db,
    400 : #ada1d4,
    500 : #9f90cc,
    600 : #9788c7,
    700 : #8d7dc0,
    800 : #8373b9,
    900 : #7261ad,
    A100 : #ffffff,
    A200 : #eee9ff,
    A400 : #c6b6ff,
    A700 : #b29cff,
    contrast: (
        50 : #000000,
        100 : #000000,
        200 : #000000,
        300 : #000000,
        400 : #000000,
        500 : #000000,
        600 : #000000,
        700 : #000000,
        800 : #ffffff,
        900 : #ffffff,
        A100 : #000000,
        A200 : #000000,
        A400 : #000000,
        A700 : #000000,
    )
);

/* Theme Colors */
$primary: mat.get-color-from-palette($md-custom-primary, 700);          // #a7d4c4; // #a1c7a1;
$accent: mat.get-color-from-palette($md-custom-accent, 700);            // #d9caae; // #d9caae;
$warn: mat.get-color-from-palette($md-custom-warn, 600);                // #9788c7; // #9788c7;
$secondary: mat.get-color-from-palette($md-custom-warn, 600);           // #9788c7; // #9788c7;
$headingtext: mat.get-color-from-palette($md-custom-primary, 500);      // #b7ddd0; // #b1d2b1;
$bodytext: mat.get-color-from-palette($md-custom-primary, 100);         // #e9f5f1; // #e8f2e8;
$sidebar: mat.get-color-from-palette($md-custom-primary, 700);          // #a7d4c4; // #a1c7a1;
$sidebar-selected: mat.get-color-from-palette($md-custom-primary, 500); // #b7ddd0; // #b1d2b1;
$sidebar-footer: mat.get-color-from-palette($md-custom-primary, 900);   // #90c7b3
//$sidebar-text: mat.get-color-from-palette($md-custom-primary, 50);      // #f6fbf9; // #f6faf6;
//$sidebar-icons: mat.get-color-from-palette($md-custom-primary, 100);    // #e9f5f1; // #e8f2e8;
$sidebar-text: #485b54;
$sidebar-icons: #485b54;
$armygreen: #4b5320;
$error: #b95252; //#b85c5c;

/*bootstrap Color*/
$danger: #f15050;
$success: #16d57c;
$warning: #ffb035;
$info: #0dcaf0;
$inverse: #292154;

$empty: #717171;
$muted: #aaaaaa;
$extra-muted: #c4c4c4;
$dark: #505050; //#242424;
$light: #ebf5ef;
$extra-light: #f2f4f8;


/*Light colors*/
$light-text: #a6b7bf;
$light-danger: #f9e7eb;
$light-success: #e8fdf8;
$light-warning: #fff8ec;
$light-primary: #f1effd;
$light-info: #e3f3fd;
$light-inverse: #f6f6f6;
$light-megna: #e0f2f4;

$danger-dark: #e6294b;
$success-dark: #1eacbe;
$warning-dark: #e9ab2e;
$info-dark: #028ee1;
$primary-dark: #6352ce;
$inverse-dark: #232a37;
$dark-transparent: rgba(0, 0, 0, 0.05);

/*Normal Color*/
$white: #ffffff;
$red: #f15050;
$red-dark: #d61f1f;
$orange: #f90; //#ffb035;
$yellow: #ffe205; //#e8dd56; //#d4ce70;
$megna: #00897b;
$green: #4cae4c;
$teal: #5dcc89; //#65e0b8;
$turquoise: #02bfab;
$cyan: #65dae0;
$blue: #20b6fc;
$navy: #337ab7;
$pink: #ed5094;
$magenta: #fd18f3;
$purple: #bf65e0;
$purple-dark: #8a65e0;
$raspberry: #b51156;
$grey: #99abb4;

/*Extra Variable*/
$rgt: right;
$lft: left;
$border: rgba(120, 130, 140, 0.13);
$table-border: #f3f1f1;
$card-brd: #d7dfe3;
$dark-text: #848a96;
$radius: 4px;
$form-brd: #d9d9d9;
$font-16: 16px;

/* Chart  */
$chart-color-a: #20b6fc;
$chart-color-b: #f15050;
$chart-color-c: #02bfab;
$chart-color-d: #ff9900;
$chart-color-e: #65dae0;
$chart-color-f: #8a65e0;
$chart-color-g: #00897b;
$chart-color-h: #b51156;
$chart-color-i: #5dcc89;
$chart-color-j: #ffe205;
$chart-color-k: #bf65e0;
$chart-color-l: #4cae4c;
$chart-color-m: #ed5094;
$chart-color-n: #337ab7;
$chart-color-o: #fd18f3;
$chart-color-p: #d61f1f;
$chart-color-q: #99abb4;
$chart-color-r: #cdba98;
$chart-color-s: #65e0b8;
$chart-color-t: #02bfab;
$chart-color-u: #65dae0;
$chart-color-v: #a1c7a1;
$chart-color-w: #d9caae;
$chart-color-x: #9788c7;
$chart-color-y: #d4ce70;
$chart-color-z: #ffffff;
