$hidden: hidden;
$none: 0 !default;
$transparent-bg: transparent !default;
$link-disabled-color: #666666 !default;
$hr-line: rgba(0, 0, 0, 0.1) !default;
$default-zIndex: 1 !default;

$border-thin: 1px !default;
$border-thick: 2px !default;

$white-bg: #ffffff !default;
$white-color: #ffffff !default;
$ghost-white: #f0f3ff !default;

$orange-bg: #e95e38 !default;
$orange-color: #f96332 !default;

$smoke-bg: #f5f5f5 !default;
$light-black: #444 !default;
$black-bg: rgba(30, 30, 30, 0.97) !default;
$black-color: #000000 !default;
$black-hr: #444444 !default;
$dark-background: #555555 !default;
$raisin-black: #212121 !default;
$black-olive: #3e3e3e !default;

$gray: #d6d6d6 !default;
$lighter-gray: #f4f4f4 !default;
$light-gray: #e6e6e6 !default;
$medium-gray: #cfcccc !default;
$dark-gray: #808080 !default;
$dart-gray-2: #a5a5a5 !default;
$darker-gray: #6f6f6f !default;
$spanish-gray: #9b9b9b !default;
$hawkes-blue: #dbdde6 !default;
$gray-see: #e2e2e2 !default;
$grayish-navy: #9694ba !default;
$dim-gray: #707070 !default;
$gray91: #e8e8e8 !default;
$light-silver: #d8d8d8 !default;
$gray-mainBg: #f2f3f5;
$link-water: #ced4da !default;

$lighter-purple: #5e5d80 !default;
$light-purple: #545374 !default;
$medium-purple: #6f71af !default;
$dark-purple: #43425d !default; //theme
$darker-purple: #4f5074 !default;
$default-purple: $dark-purple !default;

/*           Blue  -  Aqua          */

$light-aqua: #55c2eb !default;
$medium-aqua: #00acfe;
$lighter-blue: #00b3d8 !default;
// $light-blue: #545374 !default;
// $medium-blue: xxx !default;
$dark-blue: #43425d !default; //theme
$darker-blue: #4f5074 !default;
$selection-blue: $lighter-blue !default;
// $midnight-blue: #xxxx !default;

$default-color: #888 !default;
$default-states-color: lighten($default-color, 6%) !default;
$default-color-opacity: rgba(182, 182, 182, 0.6) !default;

$opacity-gray-3: rgba(222, 222, 222, 0.3) !default;
$opacity-gray-5: rgba(222, 222, 222, 0.5) !default;
$opacity-gray-8: rgba(222, 222, 222, 0.8) !default;

$opacity-1: rgba(255, 255, 255, 0.1) !default;
$opacity-2: rgba(255, 255, 255, 0.2) !default;
$opacity-5: rgba(255, 255, 255, 0.5) !default;
$opacity-8: rgba(255, 255, 255, 0.8) !default;

/*             Bootstrap Colors                */
$primary-color: #428bca !default; //$default-purple
$primary-states-color: lighten($primary-color, 6%) !default;
$primary-color-opacity: rgba(249, 99, 50, 0.3) !default;
$primary-color-alert: rgba(249, 99, 50, 0.8) !default;

$success-color: #18ce0f !default;
$success-states-color: lighten($success-color, 6%) !default;
$success-color-opacity: rgba(24, 206, 15, 0.3) !default;
$success-color-alert: rgba(24, 206, 15, 0.8) !default;

$info-color: #2ca8ff !default;
$info-states-color: lighten($info-color, 6%) !default;
$info-color-opacity: rgba(44, 168, 255, 0.3) !default;
$info-color-alert: rgba(44, 168, 255, 0.8) !default;

$warning-color: #ffb236 !default;
$warning-states-color: lighten($warning-color, 6%) !default;
$warning-color-opacity: rgba(255, 178, 54, 0.3) !default;
$warning-color-alert: rgba(255, 178, 54, 0.8) !default;

$danger-color: #ff3636 !default;
$danger-states-color: lighten($danger-color, 6%) !default;
$danger-color-opacity: rgba(255, 54, 54, 0.3) !default;
$danger-color-alert: rgba(255, 54, 54, 0.8) !default;

/*      light colors         */
$light-blue: rgba($primary-color, 0.2);
$light-azure: rgba($info-color, 0.2);
$light-green: rgba($success-color, 0.2);
$light-orange: rgba($warning-color, 0.2);
$light-red: rgba($danger-color, 0.2);
$blood-orange: #dc3545 !default;

/*     brand Colors              */
$brand-primary: $primary-color !default;
$brand-info: $info-color !default;
$brand-success: $success-color !default;
$brand-warning: $warning-color !default;
$brand-danger: $danger-color !default;
$brand-inverse: $black-color !default;

//Fonts
$fontFamily-calibri: "Calibri";
$fontFamily-comicSans: "Comic Sans MS";
$fontFamily-interRegular: "Inter-Regular";
$fontFamily-interBold: "Inter-Bold";
$fontFamily-interSemiBold: "Inter-SemiBold";
$fontFamily-interMedium: "Inter-Medium";

/*          Default font         */
$default-font-family: $fontFamily-interRegular;
$default-font-size: 14px;
$default-font-color: $raisin-black;

//#region Custom
$title-font-size: 1.0625rem;
//#endregion

//#region Form Control
$formControl-height: 38px;
$legendDefault-font-size: 20px;
$formGroup-margin: 1rem;
//#endregion