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

//== Colors

$gradient-hero-blue:    transparent linear-gradient(180deg, transparent 0%, #212d25 100%) 0% 0% no-repeat padding-box;

$primary-color:         #f7f7f7;
$secondary-color:     	#ffcb00;
$tertiary-color:     	#f7f7f7;
$quaternary-color:     	#3e5342;

$primary-bg:            #3e5342;
$secondary-bg:       	#212d25;

$green:                 #3e5342;
$green-dark:            #212d25;
$yellow:                #ffcb00;


//== Typography

$font-family-primary:         "PT Sans Narrow", sans-serif;
$font-family-secondary:       "Veneer", sans-serif;
$font-family-tertiary:        "Oswald Medium", sans-serif;

$font-family-pt-sans:         "PT Sans", sans-serif;
$font-family-pt-sans-cap:     "PT Sans Caption", sans-serif; 


// @include border-radius($border-radius);
$border-radius-card:          8px;

// header
//$header-height: 100px;
//$header-height-mobile: 70px;

// custom components colors

$oc-color-1: $green;
$oc-color-3: $primary-color;
$oc-color-2: $yellow;

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

$hs-color-1: $green;
$hs-color-2: #3f6947;
$hs-color-3: $primary-color;
$hs-button-bg: $yellow;


// Color Variables
$color-1: $green;
$color-4: #FAB702;
$color-5: #EC4899E6;
$color-6: $secondary-color;
$color-7: $yellow;
$color-8: $color-4;
$color-9: #FAB702;
$color-10: #DC262666;
$color-11: $primary-color;
$color-12: #F1F0F0;
$color-13: #d1d5db;
$color-14: #00000033;

// SCSS Variables
$staytile-title-color: #FFFFFF;
$staytile-tabs-bg: $color-12;
$staytile-text-white: #FFFFFF;
$staytile-card-border: #e0e0e0;
$staytile-badge-box-bg: $green;
$staytile-badge-text-bg: #ffffff;
$staytile-card-title-color: #FFF;
$staytile-card-subtitle-color: $color-4;
$staytile-button-primary-bg: #fbbf24;
$staytile-button-primary-text: #1f2937;
$staytile-button-primary-hover: #f59e0b;
$staytile-button-primary-shadow: rgba(251, 191, 36, 0.4);
$staytile-nav-button-bg:$green;
$staytile-nav-button-hover: $green;
$staytile-shadow-black: rgba(0, 0, 0, 0.2);
$staytile-dot-inactive: $color-13;

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


$ridetile-title-color: #FFFFFF;
$ridetile-text-white: $primary-color;
$ridetile-overlay-black: rgba(0, 0, 0, 0.9);
$ridetile-overlay-black-60: rgba(0, 0, 0, 0.6);
$ridetile-overlay-black-30: rgba(0, 0, 0, 0.3);
$ridetile-shadow-black: rgba(0, 0, 0, 0.2);
$ridetile-dot-inactive: $color-13;
$ridetile-background-color: $green;


$news-carousel-color-primary: $green;
$news-carousel-color-accent: $color-4;

$promotion-bar-bg-color: #D31216;
$promotion-bar-text-color: #FFF;
$promotion-bar-close-hover-bg: rgba(0, 0, 0, 0.15);

$pricecard-white: #FFFFFF;
$pricecard-shadow-light: rgba(0, 0, 0, 0.08);
$pricecard-border-gray: #e5e7eb;
$pricecard-purple-gradient-start: $green;
$pricecard-purple-gradient-end: $green;
$pricecard-purple-dark: $green;
$pricecard-purple-hover: $green;
$pricecard-purple-subtitle: $green;
$pricecard-pink-badge: rgba(236, 72, 153, 0.9);
$pricecard-orange-description: $green;
$pricecard-yellow-save: $green;
$pricecard-red-gradient-start: $secondary-color;
$pricecard-red-gradient-end: $secondary-color;
$pricecard-red-hover-end: $secondary-color;
$pricecard-red-shadow: rgba(220, 38, 38, 0.3);
$pricecard-red-shadow-hover: rgba(220, 38, 38, 0.4);
$pricecard-purple-shadow: rgba(91, 74, 159, 0.4);


$promotion-color-1:red;
$promotion-color-2:$green;
$promotion-color-3: #fff;
$promotion-color-4: #000;
$promotion-color-5: #9747FF;
$promotion-color-6: #FAB702;
$promotion-color-9: transparent;


$white: #ffffff;
$black: #000000;

$icon-filter: brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(891%) hue-rotate(80deg) brightness(85%) contrast(85%);

$reviews-section-bg: #E8F4F8;
$reviews-card-bg: $quaternary-color;
$reviews-text-dark: white;
$reviews-star-active: $staytile-button-primary-bg;
$reviews-dot-inactive: #B0BEC5;
$reviews-dot-active: $secondary-color;