/*
    Colors:
*/

/* accent */
$color-accent-1-dark: #daa009 !default;
$color-accent-1: #ffb800 !default;
$color-accent-1-light: #fff5d9 !default;
$color-accent-2-dark: #0f7cac !default;
$color-accent-2: #078cc6 !default;
$color-accent-2-light: #dbeef6 !default;
$color-accent-3-dark: #d66655 !default;
$color-accent-3: #fa715c !default;
$color-accent-3-light: #ffeae7 !default;
$color-accent-4-dark: #99b53e !default;
$color-accent-4: #afd240 !default;
$color-accent-4-light: #f3f9e3 !default;
$color-accent-5-dark: #09496f !default;
$color-accent-5: #004e7c !default;
$color-accent-5: #dbe6ec !default;

$color-accent-1-list: $color-accent-1 $color-accent-1-light $color-accent-1-dark;
$color-accent-2-list: $color-accent-2 $color-accent-2-light $color-accent-2-dark;
$color-accent-4-list: $color-accent-4 $color-accent-4-light $color-accent-4-dark;

/* brand */
$color-brand-dark: #138e72 !default;
$color-brand: #17a887 !default;
$color-brand-light: #dcf2ed !default;

$color-error: #c02108 !default;

/* greyscale */
$color-silver: #d0d0d0 !default;
$color-silver-light: #f0f0f0 !default;
$color-silver-dark: #aaaaaa !default;

$color-charcoal: #616161 !default;
$color-charcoal-light: #828282 !default;
$color-charcoal-dark: #333333 !default;

//$color-grey--lighter: rgba(51, 51, 51, 0.18);
$color-grey--lighter: transparent !default;
$color-white: #ffffff !default;

$header-color: $color-charcoal-dark;
$intro-color: $color-silver-dark;

$sans-serif-font-family: 'Montserrat', Arial, sans-serif;
$serif-font-family: 'ff-meta-serif-web-pro', serif;
$base-font-size: 100%; // 16px in most browsers
$base-font-size-pixels: 16px; // used to calculate rem

$list-height: 52px;

$default-border-radius: 13px;
$input-border-radius: 3px;
$round-border-radius: 32px;

//modal stuff
$modal-lateral-padding: 34px;
$modal-input-width: 560px;

$default-padding: 30px;

$small-spacing: 10px;
$medium-spacing: 20px;
$large-spacing: 30px;
$section-spacing: 60px;

$font-weight-bold: 700;
$font-weight-semibold: 600;
$font-weight-regular: 400;

$default-line-height: 1.5;
$default-heading-line-height: 1.2;

// popover
$popover-default-bottom: -110px;

$footer-width: 800px;
$news-width: 550px;

$screen-width: 1200px;

$default-icon-dimension: 25px;
$small-icon-dimension: 14px;
