// Variables

@background: #fff;
@on-background: #575756;

@primary: #ff0000;
@on-primary: #fff;

@secondary: #4e5d64;
@on-secondary: #ffffff;

@surface: #fff;
@on-surface: #555555;

@error: #eebdbd;
@on-error: #eb5757;

@font-size-default: 14px;
@font-weight-default: 400;
@font-line-height-default: 1.6;

@radius-default: 50px;

@transition-default: all 0.2s ease-in-out;

// Header

@header-height: 140px;
@header-height-max-768: 100px;

// CSS Definitions

@import "fonts";
@import "reset";

@import "components/general";
@import "components/grid";
@import "components/layout";
@import "components/typo";

@import "components/section";
@import "components/header";
@import "components/footer";
@import "components/navigation";
@import "components/forms";

// Overwrite styles from Webmakers Cookie-Bar

@import "components/cc-bar";
