$body_font: 'Urbanist';
$body_font_size: 15px;
$body_font_weight: 500;
$body_line_height: 1.6;
$body_text_transform: none;
$body_letter_spacing: 0em;
$body_font_style: normal;

$primary_font: 'Urbanist';

$font_blockquote: 'Urbanist';
$font_icon: 'Font Awesome 5 Pro';
$font_display_2 : "Butler";
$font_display_3 : "a Antara Distance";
$font_icon_primary: 'phosphor';

$font_size_base: 16px;

$font_size_xxs: 0.625rem;
$font_size_xs: 0.75rem;
$font_size_sm: 0.875rem;
$font_size_md: 1rem;
$font_size_lg: 1.5rem;
$font_size_xl: 2rem;
$font_size_xxl: 2.5rem;
$font_size_xxxl: 3rem;



$h1_font: 'Urbanist';
$h1_font_size: 48px;
$h1_font_weight: 600;
$h1_text_transform : none;
$h1_letter_spacing: 0em;
$h1_line_height: 1.3;


$h2_font: 'Urbanist';
$h2_font_size: 44px;
$h2_font_weight: 600;
$h2_text_transform : none;
$h2_letter_spacing: 0em;
$h2_line_height: 1.3;

$h3_font: 'Urbanist';
$h3_font_size: 34px;
$h3_font_weight: 600;
$h3_text_transform : none;
$h3_letter_spacing: 0em;
$h3_line_height: 1.3;

$h4_font: 'Urbanist';
$h4_font_size: 24px;
$h4_font_weight: 600;
$h4_text_transform : none;
$h4_letter_spacing: 0em;
$h4_line_height: 1.3;

$h5_font: 'Urbanist';
$h5_font_size: 20px;
$h5_font_weight: 600;
$h5_text_transform : none;
$h5_letter_spacing: 0em;
$h5_line_height: 1.3;

$h6_font: 'Urbanist';
$h6_font_size: 18px;
$h6_font_weight: 600;
$h6_text_transform : none;
$h6_letter_spacing: 0em;
$h6_line_height: 1.3;


$font_weight_heading: 600;

$font_line_height_body: 1.6;
$font_line_height_heading: 1.3;

$margin_element: 1.5rem;
$margin_comment_element: 35px;

$header_height: 100px;
$header_sticky_height: 80px;

$header_mobile_height: 100px;
$header_mobile_sticky_height: 80px;

$navigation_height: 60px;

// Responsive widths.
$small_mobile_width: 320px;
$mobile_width: 576px;
$tablet_width: 768px;
$desktop_width: 992px;
$wide_width: 1200px;
$container_width: 1200px;
$grid_gutter_width: 30px;
$sidebar_width: 25;
//$sidebar_width: 33.333333;
$sidebar_single_product_width: 25;

$sidebar_stretched_width: 25;

$content_width: 870px;
//$content_width: 770px;


// Text Color
$color_accent: #000;
$color_accent_foreground: contrast-color($color_accent);
$color_accent_brightness :  adjust-brightness-color($color_accent,7.5%);


$color_text_gray: #767676;
$color_text-light: #bababa;
$color_primary: #4E7661;
$color_primary_foreground: contrast-color($color_primary);
$color_primary_brightness :  adjust-brightness-color($color_primary,7.5%);
$color_secondary: #357284;
$color_secondary_foreground: contrast-color($color_secondary);
$color_secondary_brightness :  adjust-brightness-color($color_secondary,7.5%);
$color_light: #fff;
$color_light_foreground : contrast-color($color_light);
$color_light_brightness :  adjust-brightness-color($color_light,7.5%);
$color_dark: #000;
$color_dark_foreground : contrast-color($color_dark);
$color_dark_brightness :  adjust-brightness-color($color_dark,7.5%);
$color_gray: #8f8f8f;
$color_gray_foreground : contrast-color($color_gray);
$color_gray_brightness : adjust-brightness-color($color_gray,7.5%);

$color_success: #28a745;
$color_success_foreground: contrast-color($color_success);
$color_success_brightness :  adjust-brightness-color($color_success,7.5%);

$color_danger: #dc3545;
$color_danger_foreground: contrast-color($color_danger);
$color_danger_brightness :  adjust-brightness-color($color_danger,7.5%);

$color_warning: #ffc107;
$color_warning_foreground: contrast-color($color_warning);
$color_warning_brightness :  adjust-brightness-color($color_warning,7.5%);

$color_info: #17a2b8;
$color_info_foreground: contrast-color($color_info);
$color_info_brightness :  adjust-brightness-color($color_info,7.5%);





$color_text_main: #7E7E7E;
$color_text_heading: #000;
$color_text_caption: #7E7E7E;
$color_border: #eee;
$color_muted : #9B9B9B;

// Backgrounds Color
$color_background_body: #fff;
$color_background_page_title: #fff;
$color_background_post_sticky: #f5f5f5;
$color_background_page_footer: #f5f5f5;

// Input
$color_text_input: #000;
$color_background_input: #f5f5f5;
$color_border_input: #f5f5f5;
$color_border_input_focus: #000;
$color_placeholder: #9B9B9B;
$height__input: 48px;

// Links Color
$color_link: #000;
$color_link_hover: adjust-brightness-color($color_link,10%);

// Menu variable
$font_size_menu_mobile: 14px;

$btn_font_weight: 600;
$btn_border_width: 1px;
$btn_border_radius: 3px;
$btn_disabled_opacity: 0.65;


$menu_font: 'Urbanist';
$menu_font_weight: 600;
$menu_line_height: 26px;
$menu_font_style: normal;
$menu_font_size: 14px;
$menu_text_transform: uppercase;
$menu_letter_spacing: 0.1em;
$menu_spacing: 2.5rem;


$submenu_font: 'Urbanist';
$submenu_font_size: 15px;
$submenu_font_style: normal;
$submenu_font_weight: 500;
$submenu_text_transform: none;
$submenu_letter_spacing: 0em;
$submenu_line_height: 1.5;

$submenu_text_color: #7e7e7e;
$submenu_text_hover_color: #000;
$submenu_background_color: #fff;
$sub_menu_background_hover_color: #fff;
$submenu_border_color: #fff;

$header_background_color : #fff;
$header_text_color       : #000;
$header_text_hover_color : #000;
$header_border_color     : #eee;
$header_disable_color    : #696969;