//
// Variables
// --------------------------------------------------

//== Colors
$primary-color:         #ffffff;
$secondary-color:     	#c20c0e;
$tertiary-color:     	#494949;
$quaternary-color:     	#FF9900;
$fifth-color:           #DBD5D5;
$sixth-color:           #B3B3B3;

$primary-bg:            #FFFFFF;
$secondary-bg:       	#c20c0e;
$tertiary-bg:       	#FF9900;
$quaternary-bg:       	#0A6AB6;
$black-color:           #000000;   
                         
//== Typography
//
//$font-family-primary:         "Amsi Pro", sans-serif;
//$font-family-secondary:       "Amsi Pro", sans-serif;


// custom components colors

$oc-color-1: $quaternary-bg;
$oc-color-3: $primary-color;
$oc-color-2: $quaternary-color;

$hero-text-color: $primary-bg;

$hs-color-1: $quaternary-bg;
$hs-color-2: $secondary-color;
$hs-color-3: $primary-color;
$hs-button-bg: $quaternary-color;

$reviews-dot-inactive: $fifth-color;
$reviews-dot-active: $quaternary-color;

// Color Variables
$color-1: $black-color;

$color-11: $primary-color;


// SCSS Variables

$staytile-tabs-bg: $color-12;
$staytile-text-white: $primary-bg;
$staytile-badge-box-bg: $quaternary-bg;

$staytile-card-title-color: $black-color;
$staytile-card-subtitle-color: $color-4;

$staytile-dot-inactive: $color-13;

$menutabs-color-primary: $quaternary-bg;
$menutabs-color-background: $color-12;
$menutabs-color-white: $primary-bg;


$ridetile-title-color: $quaternary-bg;
$ridetile-text-white: $primary-bg;

$ridetile-dot-inactive: $color-13;
$ridetile-background-color: $quaternary-bg;


$news-carousel-color-primary: $quaternary-bg;
$news-carousel-color-accent: $color-4;

$promotion-bar-text-color: $primary-bg;

$promotion-color-2: $staytile-card-title-color;

$promotion-color-9: transparent;