/*----------------------------------------------------------------*/
/*  Variables
/*----------------------------------------------------------------*/

// Typography
$font-family-body: "Roboto", "Helvetica Neue", "Arial", sans-serif;
$font-ericsoft: "MetaPlusBold-Roman";
$font-size-root: 14px;
$font-size-base: 1.3em;

$h1: 2.4em;
$h2: 2.0em;
$h3: 1.6em;
$h4: 1.4em;
$h5: 1.3em;
$h6: 1.2em;

// Loading
$loading-logo-size: 40px;
$loading-fade-duration: 200ms;
$loading-colors-animation-duration: 1.4s;
$loading-fade-duration: 200ms;

// Toolbar
$toolbar-height: 50px;

// Header
$header-height: 71px;

// Actions
$actions-height: 48px;

// App color
$primary-white-text: $company-primary-white-text;
$secondary-white-text: $company-secondary-white-text;

// Primary palette
$primary-900: $company-primary-900;
$primary-800: $company-primary-800;
$primary-700: $company-primary-700;
$primary-600: $company-primary-600;
$primary-500: $company-primary-500;
$primary-400: $company-primary-400;
$primary-300: $company-primary-300;
$primary-200: $company-primary-200;
$primary-100: $company-primary-100;
$primary-50: $company-primary-50;

// Accent palette
$accent-800: $company-accent-800;
$accent-A100: $company-accent-A100;
$accent-A200: $company-accent-A200;
$accent-A400: $company-accent-A400;
$accent-A700: $company-accent-A700;

// Warn palette
$warn-A200: $company-warn-A200;

// Tooltip color
$tooltip-background-color: $company-tooltip-background-color;
$tooltip-text-color: $company-tooltip-text-color;

// Actions
$actions-background-color: $company-actions-background-color;

// Sections
$header-section-background-color: $company-header-section-background-color;
$header-section-text-color: $company-header-section-text-color;
$section-background-color: $company-section-background-color;