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

//== Colors


$primary-color: #ffffff;
$secondary-color: #ed6b00;
$secondary-font: #eb6c23;
$tertiary-color: #003958;
$quaternary-color: #ffcc00;
$sixth-color: #008bd1;
$secondary-bg: #b8166a;
$para-font:#063957;

$fifth-color: #003958;
$primary-bg: #FFFFFF;
$white: #FFFFFF;
$tertiary-bg: #b8166a;
$quaternary-bg: #ed6b00;
$quaternary-bg-ticket: #ed6b00;

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

// $secondary-color: #FF8C00;
// $tertiary-color: #2E4085;
// $quaternary-color: #FAF015;
// $sixth-color: #05B1E7;
// $secondary-bg: #05B1E7;
// $tertiary-bg: #124B96;
// $quaternary-bg: #FF8C00;
// $quaternary-bg-ticket: #F68D45;

//primary colors
// $$secondary-color: #008bd1;
// $yellow: #ffcc00;
// $orange: #ed6b00;
// secondary colors
// $velvet: #b8166a;
// $navygrey: #003958;

//== Typography
//
//$font-family-primary:         "Amsi Pro", sans-serif;
//$font-family-secondary:       "Amsi Pro", sans-serif;

// $primary-color:         #1C0859;
// $secondary-color:     	#7DA3D2;
// $tertiary-color:     	#FF8C00;
// $quaternary-color:     	#F9C500;
// $fifth-color:           #2E5238;
// $sixth-color:           #659279;

// $primary-bg:            #FFFFFF;
// $secondary-bg:       	#2E5238;
// $tertiary-bg:       	#FF9900;
// $quaternary-bg:       	#FF8C00;



// custom components colors

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

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

$hs-color-1: $secondary-color;
$hs-color-2: $sixth-color;
$hs-color-3: #b8196d;
$hs-button-bg: $quaternary-color;


// Color Variables
$color-1: $para-font;
$color-4: #FAB702;
$color-5: #EC4899E6;
$color-6: #dc2626;
$color-7: #b91c1c;
$color-8: #991b1b;
$color-9: #DC26264D;
$color-10: #DC262666;
$color-11: $primary-color;
$color-12: #F1F0F0;
$color-13: #d1d5db;
$color-14: #00000033;

// SCSS Variables
$staytile-title-color: #3730a3;
$staytile-tabs-bg: $color-12;
$staytile-text-white: $primary-bg;
$staytile-card-border: #e0e0e0;
$staytile-badge-box-bg: $secondary-color;
$staytile-badge-text-bg: #9747FF;
$staytile-card-title-color: $para-font;
$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: #5b4a9f;
$staytile-nav-button-hover: #4c3d95;
$staytile-shadow-black: rgba(0, 0, 0, 0.2);
$staytile-dot-inactive: $color-13;

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


$ridetile-title-color: $secondary-color;
$ridetile-text-white: $primary-bg;
$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: $secondary-color;


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

$promotion-bar-bg-color: #D31216;
$promotion-bar-text-color: $primary-bg;
$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: #5b4a9f;
$pricecard-purple-gradient-end: #4c3d95;
$pricecard-purple-dark:$para-font;
$pricecard-purple-hover: #4a3a8a;
$pricecard-purple-subtitle: #6d28d9;
$pricecard-pink-badge: rgba(236, 72, 153, 0.9);
$pricecard-orange-description: #f59e0b;
$pricecard-yellow-save: #FAB702;
$pricecard-red-gradient-start: #dc2626;
$pricecard-red-gradient-end: #b91c1c;
$pricecard-red-hover-end: #991b1b;
$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: #e0e0e0;
$promotion-color-2: $staytile-card-title-color;
$promotion-color-3: #fff;
$promotion-color-4: #000;
$promotion-color-5: #9747FF;
$promotion-color-6: #FAB702;
$promotion-color-9: transparent;