// ======================================================
// Theme Global setting colors
// ======================================================
$themecolor: #2175d0;
$themecolor-dark: #028ee1;
$themecolor-alt: #26c6da;
$theme-light: #fff;
$theme-dark: #212529;

// ======================================================
// Topbar settings
// ======================================================

$topbar: $theme-light;
$topbar-height: 70px;
$topbar-navlink-padding: 0px 15px;
// $topbar-navlink-font-size: 21px;
$topbar-navlink-font-size: 1.5rem;
$topbar-navlink-height: 70px;
$topbar-navbrand-padding: 0 16px 0 16px;

// ======================================================
// Sidebar settings
// ======================================================

$sidebar: var(--bs-dark);

$sidebar-alt: #edf0f5;
$sidebar-text: #0b1215;
$sidebar-icons: #0b1215;
$sidebar-text-dark: #687384;
$sidebar-icons-dark: #555f6d;

$sidebar-width-full: 240px;
$sidebar-width-iconbar: 180px;
$sidebar-width-mini: 80px;

// ======================================================
// Layout settings
// ======================================================
$boxed-width: 1300px;
$page-wrapper-max-width: 1300px;

// ======================================================
// Common settings
// ======================================================
$shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
$transitions: 0.2s ease-in;
$transparent-dark-bg: rgba(0, 0, 0, 0.05);
$lft: left;
$rgt: right;
$card-alt: #e4e9ef;

// ======================================================
// Mixin settings
// ======================================================
%square {
  border-radius: 0px;
}

%rotate45 {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

// ======================================================
// Dark Theme Colors Settings
// ======================================================
$theme-dark-bg-layout: #323743;
$theme-dark-text-color: #b2b9bf !default;
$theme-dark-border-color: rgba(255, 255, 255, 0.2) !default;
$theme-dark-focus-border-color: rgba(255, 255, 255, 0.4) !default;
$theme-dark-card-bg: #272b34;
$theme-dark-bg-light: #3c424e;
$main-body-bg-dark: $gray-900 !default;
$background-alt: #2b2b2b !default;