/**
 * This file contains all Sass variables.
 **/

/**
 * Color Variables
 **/
// Gray Shades
$color__red: #f34c4c;
$color__green: #31d061;
$color__blue: #3869fa;
$color__yellow: #ffc107;
$color__blue-800: #2563eb;

// Endpoint, Group and Link Color
$endpoint_color: #49A121;
$group_color: #BF7F00;
$link_color: #2563EB;

// Primary Color
$color__primary: $color__blue-800;

// Gray Shades
$color__white: #fff;
$color__gray-900: #212529;
$color__gray-850: #383838;
$color__gray-800: #343a40;
$color__gray-700: #495057;
$color__gray-600: #868e96;
$color__gray-500: #adb5bd;
$color__gray-400: #ced4da;
$color__gray-350: #e1e1e1;
$color__gray-300: #dee2e6;
$color__gray-200: #e9ecef;
$color__gray-100: #f1f3f5;
$color__gray-000: #f8f9fa;

//Green Shades
$color__green-600: #49a121;
$color__green-300: rgba(73, 161, 33, 0.24);
$color__green-100: rgba(73, 161, 33, 0.05);

//Yellow Shades
$color__yellow-600: #bf7f00;
$color__yellow-300: rgba(191, 127, 0, 0.24);
$color__yellow-100: rgba(191, 127, 0, 0.08);

//Blue Shades
$color__blue-300: rgba(37, 99, 235, 0.24);
$color__blue-100: rgba(37, 99, 235, 0.1);
// Body
//
// Settings for the  element.
$base-color: $color__gray-900 !default;
$body-color: $color__gray-800 !default;
$text-mute-color: $color__gray-700 !default;
$text-disabled-color: $color__gray-600 !default;

// Links
//
// Style anchor elements.

$link-color: $color__primary !default;
$link-decoration: underline !default;
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-decoration: null !default;

// Components
//
// Define common padding and border radius sizes and more.
$border-width: 1px !default;
$border-color: $color__gray-400;

$border-radius: 4px !default;

// Typography
//
// Font, line-height, and color for body text, headings, and more.
$font-primary: "Inter", Sans-Serif;
$font-size-base: 14px !default;

$line-height-base: 1.5 !default;

// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
$input-btn-padding-y: 8px !default;
$input-btn-padding-x: 12px !default;
$input-btn-font-size: $font-size-base !default;
$input-btn-line-height: $line-height-base !default;

$input-btn-border-width: $border-width !default;

// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.
$btn-padding-y: $input-btn-padding-y !default;
$btn-padding-x: $input-btn-padding-x !default;
$btn-font-size: $input-btn-font-size !default;
$btn-line-height: $input-btn-line-height !default;
$btn-border-width: $input-btn-border-width !default;

// Allows for customizing button radius independently from global border radius
$btn-border-radius: $border-radius !default;

// Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-pointer-cursor-for-buttons: true !default;