

$lt-base-font-size-largest: 35px !default; // title and heading 1
$lt-base-font-size-larger: 25px !default; // heading 2
$lt-base-font-size-large: 20px !default; // heading 3
$lt-base-font-size: 15px !default; // body
$lt-base-font-size-small: 13px !default; // body small
$lt-base-font-size-smaller: 12px !default;

$lt-base-border-radius: 3px !default;
$lt-base-button-padding: 9px 12px;
$lt-base-button-lineheight: 21px;

$lt-heading-margin-bottom: 15px;

$lt-heading-h1-line-height: 56px;
$lt-heading-h2-line-height: 40px;
$lt-heading-h3-line-height: 32px;

$lt-block-margin-bottom: 20px;

// Primaries
$lt-theme-darker: #2E195E;
$lt-theme-dark: #3F2380;
$lt-theme-dark-alt: #4A2997;
$lt-theme-primary: #512DA8;
$lt-theme-secondary: #6240B3;
$lt-theme-tertiary: #8D72CB;
$lt-theme-light: #C2B3E5;
$lt-theme-lighter: #DDD5F1;
$lt-theme-lighter-alt: #F6F4FC;
// neutrals
$lt-black: #000;
$lt-neutral-black: #201F1E;
$lt-neutral-primary: #252423;
$lt-neutral-secondary: #8A8886;
$lt-neutral-tertiary: #BEBBB8;
$lt-neutral-light: #EAEAEA;
$lt-neutral-lighter: #F4F4F4;
$lt-neutral-lighter-alt: #FAF9F8;
$lt-white: #fff;
// warnings
$lt-status-severe-warning: #D83D3D;
$lt-status-severe-warning-light: #F9DCDC;
$lt-status-severe-warning-dark: #8F2C2C;
$lt-status-warning: #FFB048;
$lt-status-warning-light: #FFF2E2;
$lt-status-warning-dark: #8F6228;
$lt-status-success: #268747;
$lt-status-success-light: #D1ECDA;
$lt-status-success-dark: #154C27;

// customs
$lt-custom-pink-light: #FFBEE2;

// buttons
$lt-primary-btn-color: $lt-white;
$lt-primary-btn-color-disabled: $lt-neutral-tertiary;
$lt-primary-btn-bg-color: $lt-theme-primary;
$lt-primary-btn-bg-color-disabled: $lt-neutral-lighter;
$lt-primary-btn-border-color: $lt-theme-primary;
$lt-primary-btn-border-color-disabled: $lt-neutral-lighter;
$lt-primary-btn-color-hover: $lt-white;
$lt-primary-btn-bg-color-hover: $lt-theme-dark-alt;
$lt-primary-btn-border-color-hover: $lt-theme-dark-alt;

$lt-default-btn-color: $lt-theme-primary;
$lt-default-btn-color-disabled: $lt-neutral-tertiary;
$lt-default-btn-bg-color: transparent; // $lt-white;
$lt-default-btn-bg-color-disabled: transparent;
$lt-default-btn-border-color: $lt-theme-primary;
$lt-default-btn-border-color-disabled: $lt-neutral-lighter;
$lt-default-btn-color-hover: $lt-theme-primary;
$lt-default-btn-bg-color-hover: $lt-theme-lighter-alt;
$lt-default-btn-border-color-hover: $lt-theme-primary;

$lt-warning-btn-color: $lt-white;
$lt-warning-btn-color-disabled: $lt-neutral-tertiary;
$lt-warning-btn-bg-color: $lt-status-severe-warning;
$lt-warning-btn-bg-color-disabled: $lt-status-severe-warning-light;
$lt-warning-btn-border-color: $lt-status-severe-warning;
$lt-warning-btn-border-color-disabled: $lt-status-severe-warning-light;
$lt-warning-btn-color-hover: $lt-white;
$lt-warning-btn-bg-color-hover: $lt-status-severe-warning;
$lt-warning-btn-border-color-hover: $lt-status-severe-warning;


// buttons reversed
$lt-rev-primary-btn-color: $lt-neutral-primary;
$lt-rev-primary-btn-color-disabled: $lt-neutral-primary;
$lt-rev-primary-btn-bg-color: $lt-white;
$lt-rev-primary-btn-bg-color-disabled: $lt-neutral-secondary;
$lt-rev-primary-btn-border-color: $lt-white;
$lt-rev-primary-btn-border-color-disabled: $lt-neutral-secondary;
$lt-rev-primary-btn-color-hover: $lt-neutral-primary;
$lt-rev-primary-btn-bg-color-hover: $lt-neutral-lighter;
$lt-rev-primary-btn-border-color-hover: $lt-neutral-lighter;

$lt-rev-default-btn-color: $lt-white;
$lt-rev-default-btn-color-disabled: $lt-neutral-secondary;
$lt-rev-default-btn-bg-color: transparent; // $lt-white;
$lt-rev-default-btn-bg-color-disabled: transparent;
$lt-rev-default-btn-border-color: $lt-white;
$lt-rev-default-btn-border-color-disabled: $lt-neutral-secondary;
$lt-rev-default-btn-color-hover: $lt-white;
$lt-rev-default-btn-bg-color-hover: $lt-neutral-secondary;
$lt-rev-default-btn-border-color-hover: $lt-white;

$lt-rev-warning-btn-color: $lt-white;
$lt-rev-warning-btn-color-disabled: $lt-neutral-primary;
$lt-rev-warning-btn-bg-color: $lt-status-severe-warning;
$lt-rev-warning-btn-bg-color-disabled: $lt-status-severe-warning-dark;
$lt-rev-warning-btn-border-color: $lt-status-severe-warning;
$lt-rev-warning-btn-border-color-disabled: $lt-status-severe-warning-dark;
$lt-rev-warning-btn-color-hover: $lt-white;
$lt-rev-warning-btn-bg-color-hover: $lt-status-severe-warning;
$lt-rev-warning-btn-border-color-hover: $lt-status-severe-warning;
