/* ========================================
   Config settings
   ======================================== */

/*
	[1]		Logo dark or light can be set in header.blade.php / footer.blade.php &
	[2] 	Set this to true when bgColor gets a dark color that contrast the body bg color
*/

$site-header: (
	'bgColor':					palette(neutral, 0),
	'textColor':				palette(neutral, 500),
	'textColorHover':			palette(secondary, 500),
	'textColorActive':			palette(primary, 700),
	'decorationColor':			palette(neutral, 300),
	'decorationColorActive':	palette(primary, 500),
	'logo-height':				88px,
);


$site-intro: (
	'isDark':					true, // [2]
	'bgColor':					palette(tertiary, 500),
	'barColor':					palette(secondary, 500),
	'color':					palette(primary, 700),
	'linkColor':				palette(neutral, 500),
	'subnavBgColor':			palette(neutral, 100),
);


// --------------------------------------------------------
// Some global settings that we probably don't need to change

$site-columns-s:			4;
$site-columns-m:			8;
$site-columns-l:			12;
$site-column-size:		    96; // Size of a single column when viewport is at its max width (used for calculating max-width).
$site-gutter-width: 	    6vw; // Used only for small screens. Must be [vw] or [px], NOT [%].
$site-cookieBar-height:     64px; // Fixed size so we can offset padding-bottom on the body



// ------------------------------------------------------------------------
// Calculations that are done with some of the given values above this line

$site-max-width: $site-column-size * $site-columns-l; // Main container max-width (without gutter)


// ---------------------------------------------------------
// The default border-radius values used in the border mixin

$border-radius: (
	s: 4px,
	m: 8px,
	l: 16px
);