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

@use '@angular/material' as mat;
@use 'palettes' as palettes;

//@import 'palettes';

$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;

$user-img-size: 54px;
$user-img-height: 158px;
$sidenav-width: 237px;
$sidenav-height: 35px;

/* Theme Colors */
$primary: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 700);          // #1c398e;
$accent: mat.m2-get-color-from-palette(palettes.$md-custom-accent, 700);            // #d9caae;
$warn: mat.m2-get-color-from-palette(palettes.$md-custom-raspberry, 400);           // #c0356f;
//$warn: mat.m2-get-color-from-palette(palettes.$md-custom-warn, 600);              // #9788c7;
$secondary: mat.m2-get-color-from-palette(palettes.$md-custom-warn, 600);           // #9788c7;
$headingtext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500);      // #2c4aa3;
$bodytext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 100);         // #c0c7e3;
//$sidebar: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 700);        // #1c398e;
$sidebar: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 900);          // #4f64af;
$sidebar-light: #d9d9d9;
$sidebar-selected: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3;
$sidebar-footer: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500);   // #2c4aa3;
$sidebar-text: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500);     // #2c4aa3
$sidebar-icons: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500);    // #2c4aa3
$sidenav-content: #1c1c1c;
$armygreen: #4b5320;
$odbgreen: #485b54;
$error: #b95252; //#b85c5c;

/* Bootstrap Colors */
$danger:  mat.m2-get-color-from-palette(palettes.$md-custom-red, 700);        // #f15050
$success: mat.m2-get-color-from-palette(palettes.$md-custom-green, 500);      // #16d57c
$warning: mat.m2-get-color-from-palette(palettes.$md-custom-orange, 700);     // #ffb035
$info:    mat.m2-get-color-from-palette(palettes.$md-custom-blue, 500);       // #0dcaf0
$inverse: mat.m2-get-color-from-palette(palettes.$md-custom-raspberry, 400);  // #c0356f

/* Dark Colors */
$danger-dark:  shade-color($danger, 30%) !default;  // #e6294b
$success-dark: shade-color($success, 30%) !default; // #1eacbe
$warning-dark: shade-color($warning, 30%) !default; // #e9ab2e
$info-dark:    shade-color($info, 30%) !default;    // #028ee1
$inverse-dark: shade-color($inverse, 30%) !default; // #232a37
$primary-dark:     #6352ce;
$dark-transparent: rgba(0, 0, 0, 0.05);

/* Light Colors */
$light-danger:  tint-color($danger, 86%) !default;  // #f9e7eb;
$light-success: tint-color($success, 86%) !default; // #e8fdf8;
$light-warning: tint-color($warning, 86%) !default; // #fff8ec;
$light-info:    tint-color($info, 86%) !default;    // #e3f3fd;
$light-inverse: tint-color($inverse, 86%) !default; // #f6f6f6;


// scss-docs-start gray-color-variables
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;
// scss-docs-end gray-color-variables

$empty:       $gray-600 !default; // #6c757d;
$muted:       $gray-500 !default; // #adb5bd;
$dark:        $gray-700 !default; // #495057;
$light:       $gray-200 !default; // #e9ecef;
$extra-light: $gray-100 !default; // #f8f9fa;
$grey:        $gray-500 !default; // #adb5bd;

// fusv-disable
// scss-docs-start gray-colors-map
$grays: (
    "100": $gray-100,
    "200": $gray-200,
    "300": $gray-300,
    "400": $gray-400,
    "500": $gray-500,
    "600": $gray-600,
    "700": $gray-700,
    "800": $gray-800,
    "900": $gray-900
) !default;
// scss-docs-end gray-colors-map
// fusv-enable

// scss-docs-start color-variables
$blue-light:   #20b6fc !default;                                                          // #20b6fc
$indigo:       #6610f2 !default;                                                          // #6610f2
$blue:         mat.m2-get-color-from-palette(palettes.$md-custom-blue, 700) !default;          // #1976d2
$purple:       mat.m2-get-color-from-palette(palettes.$md-custom-purple, 500) !default;        // #7460ee
$purple-light: mat.m2-get-color-from-palette(palettes.$md-custom-purple-light, 500) !default;  // #8a65e0
$pink:         mat.m2-get-color-from-palette(palettes.$md-custom-pink, 500) !default;          // #ed5094
$magenta:      mat.m2-get-color-from-palette(palettes.$md-custom-magenta, 500) !default;       // #fd18f3
$raspberry:    mat.m2-get-color-from-palette(palettes.$md-custom-raspberry, 500) !default;     // #b51156
$red:          mat.m2-get-color-from-palette(palettes.$md-custom-red, 500) !default;           // #f15050
$orange:       mat.m2-get-color-from-palette(palettes.$md-custom-orange, 500) !default;        // #ff9900
$yellow:       mat.m2-get-color-from-palette(palettes.$md-custom-yellow, 500) !default;        // #ffe205
$megna:        mat.m2-get-color-from-palette(palettes.$md-custom-megna, 500) !default;         // #00897b
$green:        mat.m2-get-color-from-palette(palettes.$md-custom-green, 400) !default;         // #4cae4c
$teal:         mat.m2-get-color-from-palette(palettes.$md-custom-teal, 500) !default;          // #5dcc89
$turquoise:    mat.m2-get-color-from-palette(palettes.$md-custom-turquoise, 500) !default;     // #02bfab
$cyan:         mat.m2-get-color-from-palette(palettes.$md-custom-cyan, 500) !default;          // #65dae0
$navy:         mat.m2-get-color-from-palette(palettes.$md-custom-navy, 500) !default;          // #17466f
$navy-light:   mat.m2-get-color-from-palette(palettes.$md-custom-navy-light, 500) !default;    // #337ab7
// scss-docs-end color-variables

// scss-docs-start colors-map
$colors: (
    "blue":         $blue,
    "blue-light":   $blue-light,
    "indigo":       $indigo,
    "purple":       $purple,
    "purple-light": $purple-light,
    "pink":         $pink,
    "magenta":      $magenta,
    "raspberry":    $raspberry,
    "red":          $red,
    "orange":       $orange,
    "yellow":       $yellow,
    "megna":        $megna,
    "green":        $green,
    "teal":         $teal,
    "turquoise":    $turquoise,
    "cyan":         $cyan,
    "navy":         $navy,
    "navy-light":   $navy-light,
    "black":        $black,
    "white":        $white,
    "gray":         $gray-600,
    "gray-dark":    $gray-800,
    "muted":        $muted
) !default;
// scss-docs-end colors-map

// scss-docs-start theme-colors-map
$theme-colors: (
    "primary":      $primary,
    "accent":       $accent,
    "warn":         $warn,
    "secondary":    $secondary,
    "muted":        $muted,
    "success":      $success,
    "info":         $info,
    "warning":      $warning,
    "danger":       $danger,
    "light":        $light,
    "dark":         $dark,
    "white":        $white,
    "red":          $red,
    "orange":       $orange,
    "yellow":       $yellow,
    "megna":        $megna,
    "green":        $green,
    "teal":         $teal,
    "turquoise":    $turquoise,
    "cyan":         $cyan,
    "blue":         $blue,
    "navy":         $navy,
    "navy-light":   $navy-light,
    "pink":         $pink,
    "magenta":      $magenta,
    "purple":       $purple,
    "purple-light": $purple-light,
    "raspberry":    $raspberry,
    "grey":         $grey
) !default;
// scss-docs-end theme-colors-map

/*

// scss-docs-start theme-text-variables
$primary-text-emphasis:   shade-color($primary, 60%) !default;
$secondary-text-emphasis: shade-color($secondary, 60%) !default;
$success-text-emphasis:   shade-color($success, 60%) !default;
$info-text-emphasis:      shade-color($info, 60%) !default;
$warning-text-emphasis:   shade-color($warning, 60%) !default;
$danger-text-emphasis:    shade-color($danger, 60%) !default;
$light-text-emphasis:     $gray-700 !default;
$dark-text-emphasis:      $gray-700 !default;
// scss-docs-end theme-text-variables

// scss-docs-start theme-bg-subtle-variables
$primary-bg-subtle:       tint-color($primary, 80%) !default;
$secondary-bg-subtle:     tint-color($secondary, 80%) !default;
$success-bg-subtle:       tint-color($success, 80%) !default;
$info-bg-subtle:          tint-color($info, 80%) !default;
$warning-bg-subtle:       tint-color($warning, 80%) !default;
$danger-bg-subtle:        tint-color($danger, 80%) !default;
$light-bg-subtle:         mix($gray-100, $white) !default;
$dark-bg-subtle:          $gray-400 !default;
// scss-docs-end theme-bg-subtle-variables

// scss-docs-start theme-border-subtle-variables
$primary-border-subtle:   tint-color($primary, 60%) !default;
$secondary-border-subtle: tint-color($secondary, 60%) !default;
$success-border-subtle:   tint-color($success, 60%) !default;
$info-border-subtle:      tint-color($info, 60%) !default;
$warning-border-subtle:   tint-color($warning, 60%) !default;
$danger-border-subtle:    tint-color($danger, 60%) !default;
$light-border-subtle:     $gray-200 !default;
$dark-border-subtle:      $gray-500 !default;
// scss-docs-end theme-border-subtle-variables

*/

/*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: #35a2eb;
$chart-color-b: #ff6384;
$chart-color-c: #4bc0c0;
$chart-color-d: #ff9f40;
$chart-color-e: #9966ff;
$chart-color-f: #ffcd56;
$chart-color-g: #c9cbcf;
$chart-color-h: #5dcc89;
$chart-color-i: #b51156;
$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: #00897b;
$chart-color-r: #99abb4;
$chart-color-s: #cdba98;
$chart-color-t: #65e0b8;
$chart-color-u: #02bfab;
$chart-color-v: #65dae0;
$chart-color-w: #a1c7a1;
$chart-color-x: #d9caae;
$chart-color-y: #9788c7;
$chart-color-z: #d4ce70;

$vector-color-white: #ffffff;
$vector-color-black: #000000;
$vector-color-navy: #021754;
$vector-color-grey: #b7b7b7;
$vector-color-gold: #ffc201;
