// Normal Colors
$black: #000;
$red: #f96868;
$blue: #4466F2;
$pink: #E91E63;
$teal: #58d8a3;
$cyan: #57c7d4;
$green: #46c35f;
$white: #ffffff;
$indigo: #6610f2;
$purple: #6a008a;
$orange: #f2a654;
$yellow: #f6e84e;
$violet: #41478a;
$dark-blue: #2850f0;
$white-smoke: #f2f7f8;
$dodger-blue: #3498db;
$light-purple: #964ed8;
$darkslategray: #2e383e;

// Color Variables
$gray-1: #8A8A8A;
$base-color: #F9F9F9;
$brand-color: #36A0F7;

$note-bg-color: rgba(255, 204, 23, 0.09);
$note-bg-red-color: rgba(255, 233, 233, 0.9);
$note-bg-info-color: rgba(212, 249, 255, 0.9);
$note-bg-blue-color: rgba(236, 236, 255, 0.9);
$note-bg-purple-color: rgba(255, 231, 255, 0.9);
$note-bg-success-color: rgba(211, 255, 220, 0.9);

$info-color: #38a4f8;
$error-color: #cc3300;
$muted-color: #afb1b6;
$light-color: #F5F8FF;
$danger-color: #fc2c10;
$warning-color: #FC6510;
$success-color: #46c35f;
$secondary-color: #9397A0;
$primary-color: $brand-color;

// Border Variables
$default-radius: 0.25rem;

// Fonts Variables
$default-font-size: 0.935rem;
$default-font-family: 'Poppins', sans-serif;
$light-layout-secondary-font-color: #8A8A8A;

// Buttons
$action-button-padding: 0.4rem 0.5rem;
$default-button-padding: 0.45rem 1.2rem;

// Dropdown
$dropdown-arrow-font-size: 0.55rem;

// Measurement & Property
$default-padding-margin: 2rem;
$bootstrap-column-padding: 1rem;
$main-content-wrapper-padding: 2rem;
$filter-button-padding: 0.5rem 1.5rem;

// Transition
$default-transition-duration: 0.25s;
$action-transition-timing-function: ease-in-out;

// Form
$inputs-focus-color: $brand-color;
$forms-input-text-color: #898989;
$default-input-box-padding: 10px 14px;
$wizard-step-btn-default-color: $secondary-color;
$filter-btn-text-color: $light-layout-secondary-font-color;

// Misc
$default-scrollbar-width: 6px;
$light-layout-card-bg: $white;
$default-modal-padding: 1.688rem;
$modal-close-icon-hover-bg: rgba(0, 0, 0, 0.02);
$default-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
$default-card-shadow: $default-box-shadow;
$default-dark-btn-hover-bg: rgba($brand-color, 0.95);
$default-light-btn-hover-bg: rgba(245, 248, 255, 0.95);

// Top Navbar
$navbar-height: 70px;
$navbar-menu-color: #9c9fa6;
$navbar-font-size: 0.875rem;
$light-navbar-link-color: $brand-color;

// Sidebar
$sidebar-width-lg: 240px;
$sidebar-width-icon: 70px;
$sidebar-dark-bg: #2B303B;
$sidebar-scrollbar-width: 6px;
$sidebar-menu-padding-y: 0.5rem;
$sidebar-menu-padding-x: 1.25rem;
$icon-only-collapse-width: 190px;
$sidebar-icon-font-size: 1.125rem;
$sidebar-dark-menu-color: #707887;
$sidebar-arrow-font-size: 0.75rem;
$sidebar-submenu-font-size: .8125rem;
$sidebar-scrollbar-thumb-color: #566076;
$sidebar-menu-font-size: $default-font-size;
$navbar-brand-bg: darken($sidebar-dark-bg, 6%);
$sidebar-submenu-bg-color: darken($sidebar-dark-bg, 6%);
$sidebar-submenu-item-padding: 0.75rem 1.35rem 0.75rem 1.35rem;

// Mobile view
$default-font-size-for-mobile: 0.9rem;
$default-padding-margin-for-mobile: 20px;
$main-content-wrapper-mobile-padding: 20px;
