//General Font Settings
$font-main-size:13px;
$font-main-line: 24px!important;
$font-main-color:#727272;
$font-main-family:'Roboto', sans-serif;
$fontAwesome: "Font Awesome 5 Free";

$font-h1-size: 24px; $font-h1-line: 30px;
$font-h2-size: 21px; $font-h2-line: 25px;
$font-h3-size: 20px; $font-h3-line: 24px;
$font-h4-size: 18px; $font-h4-line: 23px;
$font-h5-size: 16px; $font-h5-line: 22px;
$font-heading-color:#1f1f1f;
$font-heading-weight:700;
$font-heading-family:'Inter', sans-serif;

//Line Heights
$line-height-xs:14px;
$line-height-s:17px;
$line-height-m:24px;
$line-height-l:26px;
$line-height-xl:37px;
$line-height-xxl:45px;

//Boxed Text Sizes
$box-text-xl:90%;
$box-text-l:85%;
$box-text-m:80%;
$box-text-s:70%;

//Element Rounded Borders
$rounded-0:0px;
$rounded-xs:5px;
$rounded-s:8px;
$rounded-sm:12px;
$rounded-m:20px;
$rounded-l:30px;
$rounded-xl:50px;
$rounded-card-style:20px;

//Buttons Sizes
$btn-xxs:6px 10px;
$btn-xs:7px 14px;
$btn-s:8px 18px;
$btn-sm:10px 18px;
$btn-m:13px 20px;
$btn-l:14px 26px; 
$btn-xl:15px 30px;
$btn-xxl:17px 34px;

//Borders*/
$border-xxs:1px;
$border-xs:2px;
$border-s:3px;
$border-m:4px;
$border-l:5px;
$border-xl:6px;
$border-xxl:7px;

//Center Button Sizes
$btn-center-xs:100px;
$btn-center-s:120px;
$btn-center-m:160px;
$btn-center-l:220px;
$btn-center-xl:250px; 

//Icons
$icon-xxs:32px;
$icon-xs:38px;
$icon-s:40px;
$icon-sm:40px;
$icon-m:45px;
$icon-l:51px;
$icon-xl:55px;
$icon-xxl:60px;

//Shadows
$shadow-0:0px 0px 0px 0px rgba(0,0,0,0);
$shadow-xs:0px 0px 5px 2px rgba(0,0,0,0.04);
$shadow-s:0 4px 10px 0 rgba(0,0,0,0.10);
$shadow-m:0 2px 14px 0 rgba(0,0,0,0.08); 
$shadow-l:0 5px 15px 0 rgba(0,0,0,0.09); 
$shadow-xl:0 5px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.02);
$shadow-xxl:0 5px 30px 0 rgba(0,0,0,0.2), 0 5px 25px 0 rgba(0,0,0,0.2);

//Dark Mode Main Colors
$color_transparent: rgba(0,0,0,0);
$color_white: #FFF;
$color_black: #000;
$color_dark: #1f1f1f;

$theme-light-text: #666666; 
$theme-light-structure:#FFFFFF;
$theme-light-background:#eef2f1;
$theme-dark-structure: #21252a; 
$theme-dark-background: #0f1117;
$theme-dark-lighter:rgba(255,255,255,0.05);

$theme-dark-text: #898989;
$theme-dark-headings: #FFF;
$theme-dark-switch: #1b1d21;

//Global Spacing Settings
$globalShadow: 0 4px 24px 0 rgba(0,0,0,.1);
$globalMargin: 30px;

//Transitions for Menus, Action Sheets, Modals etc*/
$disabledTransitions: all 0ms ease;
$globalTransitions: all 300ms ease;

//Translucent Colors for Header and Footer And Menu
$translucentDark: rgba(11, 14, 18, 0.8);
$translucentLight: rgba(255,255,255,0.7);
$translucentMenuDark: rgba(23, 26, 31, 0.8);
$translucentMenuLight: rgba(255,255,255,0.80);
