body.debug{
	/* visibility:visible; */
}
:root{
	/** COLOR - BASE SVERIGE */
	--color-base-flag-blue:#0072af;
	--color-base-flag-yellow:#eac514;
	
	
	/** COLOR - BASE - (active state etc) */
	--color-base-light:	#007fc3;
	--color-base:#0072af;
	--color-base-dark:#00659b;
	--color-base-darker:#005888;
	
	/** COLOR - ACCENT */
	--color-accent:	 #ff8b00;
	--color-accent-dark:#eb8000;
	
	/** COLOR - DARK SHADES - Blackish */ 
	--color-black:#000;
	--color-black-rgb:0,0,0;
	--color-dark-1:#080a0a;
	--color-dark-2:#101416;
	--color-dark-3:#181e21;
	--color-dark-4:#21282c;
	--color-dark-4-rgb:33,40,44;
	--color-dark-5:#293338;
	--color-dark-6:#313d43;
	
	/** COLOR - MID SHADES - Grayish */
	/* ... */
	
	/** COLOR - LIGHT SHADES - Whiteish */
	--color-white:#fff;
	--color-white-rgb:255,255,255;
	--color-light-1:#fefefe;
	--color-light-2:#f3f5f6;
	--color-light-3:#e7ecee;
	--color-light-4:#dce2e5;
	--color-light-5:#d1d9dd;
	--color-light-6:#c6d0d5;
	
	/** COLOR - Theme - Light- / Dark Mode (Dark text on light background or light text on dark background) */
	--color-background:var(--color-light-3);
	--color-foreground:var(--color-dark-4);
	--color-foreground-rgb:var(--color-dark-4-rgb);
	
	/** COLOR - TEXT BODY - (TEXT color:body text) */
	--color-text-body:var(--color-foreground);
	--color-text-body-rgb:var(--color-foreground-rgb);
	
	/** COLOR - TEXT HEADING */
	--color-text-heading:var(--color-dark-2);
	
	/** COLOR - LINK - (link,button,link gradient,button border) */
	--color-link:	var(--color-base-dark);
	--color-link-dark:var(--color-base-darker);
	
	/** COLOR - PRICE - (Pricing,some titles,button,button border) */
	--color-price:	var(--color-text-heading);
	
	/** COLOR - WARNING ERROR */
	--color-warning:	#af001b;
	--color-warning-dark:#9b0018;
	
	/** COLOR - @PRINT */
	--color-print-text-heading:	var(--color-dark-2);

	/** TYPE - - Base values */
	--base-font-size:1.6rem;
	--base-line-height:2.6rem;
	--leading-0-25:calc(0.25 * var(--base-line-height));
	--leading-0-5:calc(0.5 * var(--base-line-height));
	--leading-1:var(--base-line-height);
	--leading-1-5:calc(1.5 * var(--base-line-height));
	--leading-2:calc(2 * var(--base-line-height));
	--leading-2-5:calc(2.5 * var(--base-line-height));
	--leading-3:calc(3 * var(--base-line-height));
	--leading-3-5:calc(3.5 * var(--base-line-height));
	--leading-4:calc(4 * var(--base-line-height));
	--leading-4-5:calc(4.5 * var(--base-line-height));
	--leading-5:calc(5 * var(--base-line-height));
	--leading-5-5:calc(5.5 * var(--base-line-height));
	--leading-6:calc(6 * var(--base-line-height));
	--leading-6-5:calc(6.5 * var(--base-line-height));
	--leading-7:calc(7 * var(--base-line-height));
	--leading-7-5:calc(7.5 * var(--base-line-height));
	--leading-8:calc(8 * var(--base-line-height));

	/** TYPE - - Fonts */
	--font-family-logo-start:'Dancing Script',cursive;
	--font-weight-logo-start:700;
	--font-family-logo-mid:'Poppins',sans-serif;
	--font-weight-logo-mid:600;
	--font-family-logo-end:'Poppins',sans-serif;
	--font-weight-logo-end:300;
	
	/**/
	--font-family-body:'Work Sans',sans-serif;
	--font-weight-body:300;
	--font-size-body:var(--base-font-size);
	--line-height-body:var(--leading-1);
	--letter-spacing-body:0;
	--font-family-body-bold:'Work Sans',sans-serif;
	--font-weight-body-bold:600;
	
	/** TYPE - - FONT HEADING */
	--font-family-heading:'Poppins',sans-serif;
	--font-weight-heading:600;
	--text-transform-heading:none;
	--font-family-heading-light:'Poppins',sans-serif;
	--font-weight-heading-light:300;
	--text-transform-heading-light:none;
	
	/** TYPE - - FONT PREAMBLE */
	--font-family-preamble:'Dancing Script',cursive;
	--font-weight-preamble:700;
	--font-style-preamble:normal;
	--text-transform-preamble:none;
	
	/** TYPE - - FONT QUOTATION */
	--font-family-quotation:'Dancing Script',cursive;
	--font-weight-quotation:700;
	--font-style-quotation:normal;
	--text-transform-quotation:none;
	
	/** TYPE - - FONT BUTTON */
	--font-family-button:'Poppins',sans-serif;
	--font-weight-button:600;
	--text-transform-button:none;
	
	/** TYPE - - H1 */
	--font-family-h1:	var(--font-family-heading);
	--font-weight-h1:	var(--font-weight-heading);
	--text-transform-h1:var(--text-transform-heading);
	--font-size-h1:8.4rem;
	--line-height-h1:var(--leading-3);
	--letter-spacing-h1:-0.03em;
	--margin-top-h1:var(--leading-5);
	--padding-top-h1:0;
	--padding-bottom-h1:0;
	--margin-bottom-h1:	var(--leading-2);
	
	/** TYPE - - H2 */
	--font-family-h2:	var(--font-family-heading);
	--font-weight-h2:	var(--font-weight-heading);
	--text-transform-h2:var(--text-transform-heading);
	--font-size-h2:6.4rem;
	--line-height-h2:var(--leading-2-5);
	--letter-spacing-h2:-0.02em;
	--margin-top-h2:var(--leading-4);
	--padding-top-h2:0;
	--padding-bottom-h2:0;
	--margin-bottom-h2:	var(--leading-1-5); 
	
	/** TYPE - - H3 */
	--font-family-h3:	var(--font-family-heading);
	--font-weight-h3:	var(--font-weight-heading);
	--text-transform-h3:var(--text-transform-heading);
	--font-size-h3:5.2rem;
	--line-height-h3:var(--leading-2);
	--letter-spacing-h3:-0.02em;
	--margin-top-h3:var(--leading-3);
	--padding-top-h3:0;
	--padding-bottom-h3:0;
	--margin-bottom-h3:	var(--leading-1);
	
	/** TYPE - - H4 */
	--font-family-h4:	var(--font-family-heading);
	--font-weight-h4:	var(--font-weight-heading);
	--text-transform-h4:var(--text-transform-heading);
	--font-size-h4:4.2rem;
	--line-height-h4:var(--leading-2);
	--letter-spacing-h4:-0.02em;
	--margin-top-h4:var(--leading-2-5);
	--padding-top-h4:0;
	--padding-bottom-h4:0;
	--margin-bottom-h4:	var(--leading-0-5);
	
	/** TYPE - - H5 */
	--font-family-h5:	var(--font-family-heading);
	--font-weight-h5:	var(--font-weight-heading);
	--text-transform-h5:var(--text-transform-heading);
	--font-size-h5:3.2rem;
	--line-height-h5:var(--leading-1-5);
	--letter-spacing-h5:-0.01em;
	--margin-top-h5:var(--leading-2-5);
	--padding-top-h5:0;
	--padding-bottom-h5:0;
	--margin-bottom-h5:	var(--leading-1);
	
	/** TYPE - - H6 */
	--font-family-h6:	var(--font-family-heading);
	--font-weight-h6:	var(--font-weight-heading);
	--text-transform-h6:var(--text-transform-heading);
	--font-size-h6:2.6rem;
	--line-height-h6:var(--leading-1);
	--letter-spacing-h6:0;
	--margin-top-h6:var(--leading-2);
	--padding-top-h6:0;
	--padding-bottom-h6:0;
	--margin-bottom-h6:	var(--leading-1);

	/** TYPE - Large 3	*/
	--font-size-large-3:2.3rem;
	--line-height-large-3:var(--leading-1);

	/** TYPE - Large 2	*/
	--font-size-large-2:2rem;
	--line-height-large-2:var(--leading-1);
	
	/** TYPE - Large 1	*/
	--font-size-large-1:1.8rem;
	--line-height-large-1:var(--leading-1);

	/** TYPE - Small 1	*/
	--font-size-small-1:1.6rem;
	--line-height-small-1:var(--leading-1);
	
	/** TYPE - Small 2	*/
	--font-size-small-2:1.4rem;
	--line-height-small-2:var(--leading-1);
	
	/** TYPE - Small 3	*/
	--font-size-small-3:1.3rem;
	--line-height-small-3:var(--leading-1);
	
	/** TYPE - - HERO */
	--font-family-hero:var(--font-family-heading);
	--font-weight-hero:	 var(--font-weight-heading);
	--text-transform-hero:none;
	--font-size-hero:4.6rem;
	--line-height-hero:var(--leading-1-5);
	--letter-spacing-hero:-0.02em;
	
	/** TYPE - BOX-TITLE */
	--font-family-box-title:var(--font-family-heading);
	--font-weight-box-title:var(--font-weight-heading);
	--text-transform-box-title:var(--text-transform-heading);
	--font-size-box-title:var(--font-size-large-2);
	--line-height-box-title:var(--line-height-large-2);
	--letter-spacing-box-title:0;
	--margin-top-box-title:0;
	--padding-top-box-title:0;
	--padding-bottom-box-title:0;
	--margin-bottom-box-title:0;
	
	/** MISC - BOX */
	--border-radius-box:1px;
	
	/** MISC - IMAGE */
	--border-radius-image:1px;
	
	/** MISC - BUTTON */
	--border-radius-button:0.25em;
}