/******************************************************************************
 * Colors
*******************************************************************************/
$black: #000;
$white: #fff;
$charcoal: #231f20;
$grey: #f8f8f8;
$grey-light: mix($white, $charcoal, 75%);
$jambonz: #da1c5c;
$pink: #fff3f6;
$purple: #9662b2;
$teal: #30beb0;
$blue: #006dff;
$green: #008a1a;
$red: #e10e22;

/******************************************************************************
 * Font family
*******************************************************************************/
$font-regular: 'objectivityregular';
$font-regular-italic: 'objectivityregular_slanted';
$font-medium: 'objectivitymedium';
$font-medium-italic: 'objectivitymedium_slanted';
$font-bold: 'objectivitybold';
$font-bold-italic: 'objectivitybold_slanted';

/******************************************************************************
 * Font sizes
*******************************************************************************/
$h1-size: 48px;
$h2-size: 40px;
$h3-size: 36px;
$h4-size: 32px;
$h5-size: 24px;
$h6-size: 20px;
$p-size: 18px;
$m-size: 16px;
$ms-size: 14px;
$mxs-size: 12px;

/******************************************************************************
 * Icon sizes
*******************************************************************************/
$icon-size-1: 48px;
$icon-size-2: 40px;
$icon-size-3: 36px;

/******************************************************************************
 * Sizes
*******************************************************************************/
$navi-index: 999;
$navi-height: 75px;
$width-max: 1440px;
$width-tablet-1: 1024px;
$width-tablet-2: 768px;
$width-mobile: 640px;
$width-small: 480px;
$width-padding: 4.4444444444vw;

/******************************************************************************
 * Animation / transitions
*******************************************************************************/
$base-dur: 200ms;
$base-ease: ease;