/* =============================================
=            Foundation - colors              =
============================================= */

/**
 * This file defines the actual colors that will be used for styling. They will default to the palette
 * we defined in the _variable.scss file. This is our default palette, and devs can override this
 * with their own variables.
 */

/* =============================================
=            Global text colors               =
============================================= */
// $body-text-color: var(--body-text-color, $dark) !default;
// $body-bg-color: var(--body-bg-color, $white) !default;

/* =============================================
=                 Buttons                     =
============================================= */
$btn-primary-color: var(--btn-primary-color, $white-floral) !default;
$btn-primary-bg: var(--btn-primary-bg, $primary-color) !default;

/* =============================================
=                 Navbar                      =
============================================= */

$navbar-color: var(--navbar-color, $secondary-color) !default;

/* =============================================
=                 DeliveryOrderCard            =
============================================= */

$delivery-order-card-color: var(--delivery-order-card-color, $secondary-color) !default;

/* =============================================
=                 InfoCard                  =
============================================= */
$info-card-color: var(--info-card-text-color, $white-floral);

/* =============================================
=                 MenuItem                     =
============================================= */

$menu-item-primary-color: var(--menu-item-primary-color, $primary-color);
$menu-item-text-color: var(--menu-item-text-color, $secondary-color);

/* =============================================
=                 BasketButton                 =
============================================= */

$basket-button-bg: var(--basket-button-bg, $secondary-color);
$basket-button-text-color: var(--basket-button-text-color, $white-floral);

/* =============================================
=                 SpecialMealCard              =
============================================= */
$special-meal-card-color: var(--special-meal-card-color, $primary-color);
$special-meal-card-color-hover: var(--special-meal-card-color-hover, $white-floral);

/* ================================================
=                 HighLightCard               =
============================================= */
$highlight-card-bg: var(--highlight-card-bg, $primary-color);
$highlight-card-color: var(--highlight-card-color, $white-floral);
$highlight-card-link-tint: var(--highlight-card-link-tint, $white);
$highlight-card-secondary-color: var(--highlight-card-secondary-color, $secondary-color);
$highlight-card-secondary-link-shade: var(
  --highlight-card-secondary-link-shade,
  $primary-color-shade
);

/* =============================================
=                 BranchCard              =
============================================= */
$branch-card-color: var(--branch-card-color, $white-floral) !default;
$branch-card-location-color: var(--branch-card-location-color, $green-neon) !default;

/* ======================================================
=                SpecialServiceCard              =
======================================================= */
$special-service-heading-color: var(--special-service-heading-color, $primary-color) !default;
$special-service-description-color: var(
  --special-service-description-color,
  $secondary-color
) !default;

/* =============================================
=                 MemberCard              =
============================================= */
$member-card-color: var(--member-card-color, $primary-color) !default;
$member-card-border-color: var(--member-card-border-color, $primary-color) !default;

/* ================================================
=                 Header               =
============================================= */

$header-top-bg-color: var(--header-top-bg, $primary-color);
$header-bottom-bg-color: var(--header-bottom-bg, $white-floral);
$header-bottom-link-shade-color: var(--header-bottom-link-shade-color, $primary-color-shade);
$header-shadow-color: var(--header-shadow-color, $shadow-color);

/* =============================================
=                 AchievementCard                 =
============================================= */
$achievement-img-border-color: var(--header-color, $primary-color);
$achievement-header-color: var(--header-color, $primary-color);

/* =============================================
=                 OurStoryCard              =
============================================= */
$ourstory-card-border-color: var(--ourstory-card-border-color, $primary-color) !default;
$ourstory-card-background-color: var(--ourstory-card-background-color, $white) !default;
$ourstory-card-color: var(--ourstory-card-color, $secondary-color) !default;

/* =============================================
=                 SpecialMenu               =
============================================= */
$special-menu-header-color: var(--special-menu-header-color, $primary-color);

/* =============================================
=                 RichAndHealthy               =
============================================= */
$rich-and-healthy-heading-color: var(--rich-and-healthy-heading-color, $primary-color) !default;
$rich-and-healthy-color: var(--rich-and-healthy-color, $secondary-color) !default;
$rich-and-healthy-link-bg: var(--rich-and-healthy-link-bg, $primary-color) !default;
$rich-and-healthy-link-color: var(--rich-and-healthy-link-color, $white-floral) !default;
$rich-and-healthy-link-shade-color: var(
  --rich-and-healthy-link-shade-color,
  $primary-color-shade
) !default;

/* =============================================
=                 DeliverySection             =
============================================= */
$delivery-section-color: var(--delivery-section-color, $primary-color);

/* =============================================
=                 PopularDishesSection             =
============================================= */
$popular-dishes-section-color: var(--popular-dishes-section-color, $primary-color) !default;
$popular-dishes-section-subheading-color: var(
  --popular-dishes-section-subheading-color,
  $secondary-color
) !default;

/* =============================================
=                 BigOfferSection             =
============================================= */
$big-offer-section-color: var(--popular-dishes-section-color, $primary-color) !default;
$big-offer-section-subheading-color: var(
  --popular-dishes-section-subheading-color,
  $secondary-color
) !default;

/* =============================================
=                 BranchSection                =
============================================= */
$link-color: var(--branch-section, $green-neon) !default;
$branch-bg-color: var(--branch-section, $white) !default;
$branch-section-color: var(--branch-section, $primary-color) !default;
$branch-section-secondary-color: var(--branch-section, $secondary-color) !default;

/* =============================================
=                 AuthSection                =
============================================= */
$auth-link-color: var(--branch-section, $dark-green) !default;
$auth-bg-color: var(--branch-section, $white) !default;
$auth-section-color: var(--branch-section, $primary-color) !default;
$auth-section-secondary-color: var(--branch-section, $secondary-color) !default;
$auth-card-secondary-link-shade: var(--highlight-card-secondary-link-shade, $primary-color-shade);

/* =============================================
=                 TestimonialCard              =
============================================= */
$testimonial-card-color: var(--testimonial-card-color, $secondary-color) !default;
$testimonial-card-image-border-color: var(
  --testimonial-card-image-border-color,
  $primary-color
) !default;
$testimonial-card-star-color: var(--testimonial-card-star-color, $primary-color) !default;

/* =============================================
=                 TestimonialSection           =
============================================= */
$testimonial-section-color: var(--info-card-text-color, $primary-color) !default;
$testimonial-section-secondary-color: var(--info-card-text-color, $secondary-color) !default;
