/** == Kandinsky-specific widgets (_widgetsn.scss) == */
// Support for some core widgets in general widget area and in footer

//Fonts
$body:		var(--knd-font-family-base);
$heading:	var(--knd-font-family-headings);
$mono:		"Lucida Sans Typewriter", "Lucida Console", Monaco, monospace !default;


//Break points
$one:					480px !default; //small
$two:					800px !default; //medium
$three:					1104px !default; //large


//Page layout
$full_cont:				1104px !default;
$page_cont:				720px !default;
$col:					40px !default;
$gut:					40px !default;


//Baseline
$base:					26px !default;
$inpage-margin-base:	26px !default; 


//WP adminbar sizes
$adminbar_large_screen: 32px;
$adminbar_small_screen: 46px;


//Header element sizes 
$height_gap : 34px; 

$logo_small_h : 42px; //size of logo icon for mobile version
$logo_small_w : 42px; 

$logo_full_w : 66px; //size of logo icon for desktop version
$logo_full_h : 66px;

$mobile_height : $logo_small_h + $height_gap; //full header height on mobile
$full_height   : $logo_full_h + $height_gap; //full header height on desktop


// Colors

//Color sheme
//uses CSS variables from theme settings

$color-main:                var(--knd-color-main) !default; //main accent color
$color-main-dark:           var(--knd-color-main-active) !default; //darker variant

$color-page-bg:             var(--knd-page-bg-color) !default; //main bg color
$color-page-bg-dark:        var(--knd-page-bg-color-dark) !default; //for borders

$color-text:                var(--knd-color-base) !default; //main page text
$color-text-light:          var(--knd-page-text-color-light) !default; //text lighter than main one

//Scheme independent colors
$color-ok :             #1db318; // ok messages

:root {
	--knd-color-white: #ffffff;
	--knd-color-black: #000000;
	--knd-color-light-grey: #f7f8f8;
	--knd-color-light-blue: #f5fafe;

	--knd-header-height: 124px;
	--knd-font-family-button: var(--knd-font-family-base);
	--knd-button-border-radius: .5em;
	--knd-image-border-radius: 8px;
	--knd-adminbar-height: #{$adminbar_large_screen};

	--scroll-bar-width: 15px;
}

@media (max-width: 765px){
	body {
		--knd-adminbar-height: #{$adminbar_small_screen};
	}
}
