@use "sass:math";

$blue: #00b6e3 !default;
$body-direction: $VITE_DIRECTION !default;
$gray-600: #6c757d !default;
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-row-columns: 6 !default;

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px,
  xxxl: 1700px,
  fhd: 1900px,
  ufhd: 2000px,
) !default;

//$border-radius:               .25rem !default;
$border-radius: 0.5rem !default;
$border-radius-lg: 1.3rem !default;
$border-radius-sm: 1.2rem !default;

$font-family-base: $VITE_FONT_FAMILY !default;

$input-btn-padding-y: 0.175rem !default;
$input-btn-focus-color: none !default;
$input-btn-focus-box-shadow: none !default;

// $card-group-margin:                 math.div($grid-gutter-width, 2) !default;

$breadcrumb-padding-y: 0 !default;
$breadcrumb-padding-x: 0 !default;
$breadcrumb-item-padding: 0.5rem !default;

$breadcrumb-margin-bottom: 0 !default;

$breadcrumb-bg: transparent !default;
$breadcrumb-divider-color: $gray-600 !default;
$breadcrumb-active-color: $gray-600 !default;
$breadcrumb-divider: quote("/") !default;

$breadcrumb-border-radius: 0 !default;

// ****** spinners ******
$spinner-width:           2rem;
$spinner-height:          $spinner-width;
$spinner-vertical-align:  -.125em;
$spinner-border-width:    .25em;
$spinner-animation-speed: .75s;

$spinner-width-sm:        1rem;
$spinner-height-sm:       $spinner-width-sm;
$spinner-border-width-sm: .2em;