/*
 * @copyright   Copyright (C) 2022 AesirX. All rights reserved.
 * @license     GNU General Public License version 3, see LICENSE.
 */

//FONT
$font-family-sans-serif: 'OpenSans', sans-serif !default;

$white: #fff !default;
$gray-100: #f6f8fa !default;
$gray-200: #f9f9f9 !default;
$gray-300: #ebebeb !default;
$gray-400: #e3e3e3 !default;
$gray-500: #dedede !default;
$gray-600: #8e8e8e !default;
$gray-700: #949494 !default;
$gray-800: #c0c0c0 !default;
$gray-900: #4e4f53 !default;
$black: #000 !default;

// fusv-disable
$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;
// fusv-enable

$blue: #005f89 !default;
$dark-blue: #3e545e !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #d63384 !default;
$red: #cb222c !default;
$orange: #f78464 !default;
$yellow: #ff9e01 !default;
$green: #1ab394 !default;
$green-light: rgba(#1ab394, 0.15) !default;
$teal: #20c997 !default;
$cyan: #1a73e8 !default;

//MAIN COLOR BLUE
$color-blue: #0a083b;
$color-blue-1: #3b5998;
$color-blue-2: #00acee;
$color-blue-3: #005f89;
$color-blue-4: #f5f8fa;
$color-blue-5: #e8f1f6;
$color-blue-6: #dce6eb;
$color-blue-7: #199ce3;
$color-blue-8: #54c7ec;
$color-blue-9: #f0f3fb;

// scss-docs-start colors-map
$colors: (
  'blue': $blue,
  'indigo': $indigo,
  'purple': $purple,
  'pink': $pink,
  'red': $red,
  'orange': $orange,
  'yellow': $yellow,
  'green': $green,
  'green-light': $green-light,
  'teal': $teal,
  'cyan': $cyan,
  'white': $white,
  'gray': $gray-600,
  'gray-100': $gray-100,
  'gray-dark': $gray-800,
) !default;
// scss-docs-end colors-map

$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $white !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-900 !default;

// scss-docs-start theme-colors-map
$theme-colors: (
  'primary': $primary,
  'secondary': $secondary,
  'success': $success,
  'info': $info,
  'warning': $warning,
  'danger': $danger,
  'light': $light,
  'dark': $dark,
  'gray-100': $gray-100,
  'gray-200': $gray-200,
  'gray-300': $gray-300,
  'gray-400': $gray-400,
  'gray-500': $gray-500,
  'gray': $gray-600,
  'gray-700': $gray-700,
  'gray-800': $gray-800,
  'cyan': $cyan,
  'blue-9': $color-blue-9,
  'dark-blue': $dark-blue,
  'green-light': $green-light,
) !default;
// scss-docs-end theme-colors-map

// Body
//
// Settings for the `<body>` element.

$body-bg: $color-blue-4 !default;
$body-color: #222328 !default;
$body-text-align: null !default;

$link-color: $primary !default;
$link-decoration: none !default;
$link-shade-percentage: 20% !default;
$link-hover-color: shift-color($link-color, $link-shade-percentage) !default;
$link-hover-decoration: underline !default;

$component-active-bg: $success !default;

$form-check-input-width: 1.5em !default;

$input-btn-padding-y: 0.75rem !default;
$input-btn-padding-x: 0.75rem !default;

// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
// $font-size-base effects the font size of the body text
$font-size-root: 16px !default;
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
$font-size-sm: $font-size-base * 0.875 !default;
$font-size-lg: $font-size-base * 1.25 !default;

$h1-font-size: $font-size-base * 2.5 !default;
$h2-font-size: $font-size-base * 2 !default;
$h3-font-size: $font-size-base * 1.5 !default;
$h4-font-size: $font-size-base * 1.25 !default;
$h5-font-size: $font-size-base * 1.125 !default;
$h6-font-size: $font-size-base !default;
$h7-font-size: $font-size-base * 0.875 !default;
$h8-font-size: $font-size-base * 0.75 !default;

// scss-docs-start font-sizes
$font-sizes: (
  1: $h1-font-size,
  2: $h2-font-size,
  3: $h3-font-size,
  4: $h4-font-size,
  5: $h5-font-size,
  6: $h6-font-size,
  14: $h7-font-size,
  12: $h8-font-size,
  sm: $font-size-sm,
) !default;
// scss-docs-end font-sizes

// Components
//
// Define common padding and border radius sizes and more.

$border-width: 1px !default;
$border-widths: (
  0: 0,
  1: 1px,
  2: 2px,
  3: 3px,
  4: 4px,
  5: 5px,
) !default;

$border-color: $gray-300 !default;

$border-radius: 0.25rem !default;
$border-radius-sm: 5px !default;
$border-radius-lg: 10px !default;
$border-radius-pill: 50rem !default;

$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
$box-shadow-sm: 0px 0px 5px 0px #2223280d !default;
$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
$box-shadow-inset: inset 0 1px 2px rgba($black, 0.075) !default;

$nav-tabs-border-width: 1px !default;
$nav-tabs-border-radius: 0 !default;

//COLOR
$color: #3c3c3c;

//MAIN COLOR RED
$color-red: #c60202;
$color-red-2: #ef373780 !default;
$color-red-3: #d30011 !default;
$color-red-4: #ff2366 !default;

$color-pink: #8d25a8 !default;

$color-green-2: #7ce7ac75 !default;
$color-green-3: #39b67a !default;

$color-orange: #f24f29 !default;

$color-gray: #616161 !default;
$color-gray-2: #f2f2f2 !default;
$color-gray-3: #e9ebee !default;

$color-purple: #4052b3 !default;

//BORDER COLOR
$border-color: #d5d5d5;

//Z-INDEX

//NAGATIVE MARGIN
$enable-negative-margins: true;

//SPACER
$spacers: (
  0: 0,
  sm: 5px,
  8px: 8px,
  1: 10px,
  15: 15px,
  16: 16px,
  2: 20px,
  24: 24px,
  3: 30px,
  4: 40px,
  5: 50px,
  6: 60px,
  7: 70px,
  8: 80px,
) !default;

$form-switch-width: 2.5em !default;
$accordion-button-bg: $color-blue-5;
$accordion-button-active-bg: $color-blue-6;
$accordion-border-color: $border-color;
$accordion-button-focus-border-color: $border-color;
$accordion-button-focus-box-shadow: $color-blue-6;
$nav-tabs-link-active-color: #fff;
$nav-tabs-link-active-bg: $color-blue-3;
$grid-gutter-width: 1.25rem;

$form-check-input-checked-color: $success;