//
// Custom Variables
//
// Here you can add your own variables overrides
//
// The file is included before any other variable file,
// so you can override them because they all use !default
// --------------------------------------------------

// For example, changing the primary color
// $primary: #3b5998;
$enable-negative-margins: true;

$primary: #0284C7;
$warning: #F39C12;
$danger: #ED1C24;
$success: #2ECC71;
$success-lighter: rgba($success, 0.1);

$primary-darkest: #271F69;
$theme-elegance-primary: #5A1973;
$theme-elegance-light: #E2DCE7;
$body-color: #2C3034;
$body-bg: #EFF2F5;

$gray-100: #F5F5F6;
$gray-200:#E4E5E6;
$gray-400:#D9DADB;
$gray-500: #9CA3AF;
$gray-600: #707070;


$font-size-base: 0.875rem;
$font-family-base: 'Inter', 'sans-serif';
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts/';

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px,
  xxxl: 1800px
);



$container-max-widths: (
  sm: 100%,
  md: 100%,
  lg: 100%,
  xl: 1140px,
  xxl: 1320px,
  xxxl: 1788px
);




//input ND button combined variables
$input-btn-focus-box-shadow: none;



//input variables
//$input-border-width: 3px;
$input-focus-border-color: $primary;
$input-border-color: #D8DDE5;
$input-border-radius: 10px;
// $input-line-height: 1.12;
$input-padding-y: 14px;
$input-padding-x: 12px;
$input-line-height: 1.1;
$input-border-radius-sm: 6px;

//placeholder
$input-placeholder-color: #6B7280;



//modals

$modal-xl: 1400px;



//buttons
// $btn-line-height: 1.12;
$btn-font-size: 0.875rem;
$btn-padding-y: 10px;
// // $btn-padding-x: 17px;
$btn-border-radius: 8px;
// $btn-padding-y-lg: 16px;
// $btn-border-radius-lg: 10px;





//codebase override
$space-block: 16px;
$space-mobile: 1.75rem;
$aspect-ratios: (
  "1x1": 100%,
  "4x3": calc(3 / 4 * 100%),
  "16x9": calc(9 / 16 * 100%),
  "21x9": calc(9 / 21 * 100%),
  "2x1": calc(1 / 2 * 100%),
  "background": 67%
) !default;

$simple-line-font-path: "../../fonts/simple-line-icons/";


//custom variables

$shop-status-closed: #CC291F;
$shop-status-open: #1FCC45;
$shop-status-opening: #E79924;






$table-color: #666;
$table-hover-bg: #F2F9FF;





//new border
$border-radius-xxs: .15rem;
$border-radius-xl: .4rem;
$border-radius-xxl: .625rem;

//new font sizes

$font-size-xxs: 10px;
$font-size-md: 15px;
$font-size-lg: 1.125rem;
$font-size-xxs: 0.625rem;