/* -------------------------------------------
	Alpha Config Variables
------------------------------------------- */

// 1. Colors
$primary-color: #fd7800 !default;
$primary-color-hover: lighten($primary-color, 10%) !default;
$primary-color-light: lighten($primary-color, 40%) !default;
$secondary-color: #9ab35e !default;
$secondary-color-hover: lighten($secondary-color, 10%) !default;
$secondary-color-light: lighten($secondary-color, 40%) !default;
$body-color: #888 !default;
$dark-body-color: #666 !default;
$grey-color: #999 !default;
$dark-color: #323334 !default;
$dim-color: #565e67 !default;
$dark-color-light: lighten($dark-color, 40%) !default;
$white-color: #fff !default;
$light-color: #ccc !default;

$accent-color: #6f8dce !default;
$accent-color-light: lighten($accent-color, 40%) !default;
$success-color: #9AB35D !default;
$success-color-light: lighten($success-color, 40%) !default;
$info-color: #62A8EA !default;
$info-color-light: lighten($info-color, 40%) !default;
$alert-color: #F2A654 !default;
$alert-color-light: lighten($alert-color, 40%) !default;
$danger-color: #F96868 !default;
$danger-color-light: lighten($danger-color, 40%) !default;
$grey-color-light: #aaa !default;
$traffic-white-color: #f9f9f9 !default;
$border-color: #e1e1e1 !default;
$border-color-light: #eee !default;

// 2. Font-families
$font-family: Poppins, sans-serif !default;

// 3. Font-sizes
$body-size: 14;

// 4. Breakpoints
$breakpoints: (
	xs: 480px,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1600px,
	xlst: 1920px
);
$max-breakpoints: (
	xs: 479px,
	sm: 575px,
	md: 767px,
	lg: 991px,
	xl: 1199px,
	xxl: 1599px
);

// 5. Color of Social Icons
$social-facebook: #3B5999;
$social-twitter: #00adef;
$social-linkedin: #0073b2;
$social-email: #dd4b39;
$social-youtube: #2c567e;
$social-google: #dd4b39;
$social-pinterest: #f96a02;
$social-reddit: #ff4107;
$social-tumblr: #304e6c;
$social-vk: #6383a8;
$social-whatsapp: #3c8a38;
$social-xing: #1a7576;
$social-instagram: #cc0001;
$social-youtube: #2c567e;

// 6. Direction
$dir: ltr !default;

// 7. Theme
$framework-name: alpha !default;
$framework-icon-prefix: a !default;
$framework-font: 'alpha' !default;
$theme-name: udesign !default;
$theme-icon-prefix: u !default;
$theme-font: 'udesign' !default;

// 8. Gap
$default-gap: 15px !default;

// 9. Unused components
$unused_components: (
	'gutenberg',
	'woocommerce'
);