/* =====================================================
CCWeiss client theme variables

Change only the values in :root for each client.
The selectors in custom.css apply those values to the theme.
===================================================== */

:root {
  /* Brand */
  --bee-color-primary: #ffae00;
  --bee-color-primary-hover: #FF9900;
  --bee-color-secondary: #FF6600;
  --bee-color-accent: #FF0143;

  /* Main */
  --bee-main-bg: #ffffff;
  --bee-main-bg-soft: #F5FBFF;
  --bee-main-text: #14212B;
  --bee-main-link: #14212B;
  --bee-main-link-hover: #0049D0;

  /* Header */
  --bee-header-top-bg: #000;
  --bee-header-top-border: rgba(255, 255, 255, .2);
  --bee-header-bg: #000;
  --bee-header-fixed-bg: #000;
  --bee-header-link: #ffffff;
  --bee-header-link-hover: var(--bee-color-primary);
  --bee-header-fixed-link: #ffffff;
  --bee-header-fixed-link-hover: var(--bee-header-link-hover);
  --bee-header-icon: #ffffff;
  --bee-header-icon-hover: var(--bee-color-primary);
  --bee-header-fixed-icon: var(--bee-header-icon);
  --bee-header-fixed-icon-hover: var(--bee-header-icon-hover);
  --bee-header-dropdown-bg: #ffffff;
  --bee-header-dropdown-link: #051C55;
  --bee-header-dropdown-link-hover: var(--bee-color-primary);
  --bee-header-mobile-menu-bg: var(--bee-header-bg);
  --bee-header-mobile-link: var(--bee-header-link);
  --bee-header-mobile-link-hover: var(--bee-header-link-hover);
  --bee-header-mobile-icon: var(--bee-header-icon);
  --bee-header-mobile-icon-hover: var(--bee-header-icon-hover);

  /* Footer */
  --bee-footer-bg: #000;
  --bee-footer-overlay: #000;
  --bee-footer-border: #c8c8c8;
  --bee-footer-title: #ffffff;
  --bee-footer-text: #f5faff;
  --bee-footer-link: #ffffff;
  --bee-footer-link-hover: var(--bee-color-primary);
  --bee-footer-icon: var(--bee-color-primary);
  --bee-footer-icon-bg-hover: var(--bee-color-primary);
  --bee-footer-icon-text-hover: #ffffff;

  /* Hero / swiper */
  --bee-swiper-overlay: rgba(8, 39, 64, .5);
  --bee-swiper-title: var(--bee-color-primary);
  --bee-swiper-tagline: #ffffff;
  --bee-swiper-description: #ffffff;
  --bee-swiper-button-bg: var(--bee-color-primary);
  --bee-swiper-button-text: #ffffff;
  --bee-swiper-button-bg-hover: var(--bee-color-primary-hover);
  --bee-swiper-button-text-hover: #ffffff;
  --bee-swiper-nav-border: #ffffff;
  --bee-swiper-nav-text: #ffffff;
  --bee-swiper-nav-bg-hover: #ffffff;
  --bee-swiper-nav-text-hover: var(--bee-color-primary);

  /* Page and section headings */
  --bee-heading-title: #051242;
  --bee-heading-tagline: var(--bee-color-primary);
  --bee-heading-description: #14212B;
  --bee-heading-marker: var(--bee-color-primary);

  /* Eyebrow marker and section more link */
  --bee-eyebrow-before: var(--bee-color-primary);
  --bee-eyebrow-after: var(--bee-color-primary);
  --bee-more-link: var(--bee-color-primary);
  --bee-more-link-hover: var(--bee-heading-title);

  /* Content boxes / cards */
  --bee-box-bg: #ffffff;
  --bee-box-title: #051242;
  --bee-box-title-hover: var(--bee-color-primary);
  --bee-box-text: #14212B;
  --bee-box-meta-bg: var(--bee-color-primary);
  --bee-box-meta-text: #ffffff;
  --bee-box-icon: var(--bee-color-primary);
  --bee-box-price: var(--bee-color-accent);
  --bee-box-button-border: var(--bee-color-primary);
  --bee-box-button-text: #232323;
  --bee-box-button-bg-hover: var(--bee-color-primary);
  --bee-box-button-text-hover: #ffffff;

  /* Forms, cart and checkout */
  --bee-form-border: #e8e8e8;
  --bee-form-border-focus: var(--bee-color-primary);
  --bee-cart-bg: #ffffff;
  --bee-cart-title: #111827;
  --bee-cart-text: #6b7280;
  --bee-cart-total: #111827;
  --bee-cart-action-bg: var(--bee-color-primary);
  --bee-cart-action-text: #ffffff;
  --bee-cart-action-bg-hover: var(--bee-color-primary-hover);
}