/* =============================================================================
   LEVEA BRAND TOKENS
   -----------------------------------------------------------------------------
   This is the only file you edit to change the funnel's colors.
   Everything below the token block maps a token onto the markup.
   ========================================================================== */

:root{
  /* --- core palette (from leveawear.com) --- */
  --lv-espresso:        #5C3226;   /* primary brand brown */
  --lv-espresso-hover:  #6E3C2D;
  --lv-espresso-deep:   #2A1712;   /* near-black brown, urgency bars */
  --lv-cream:           #F3EFE7;   /* panel background */
  --lv-cream-light:     #FAF8F4;   /* page canvas */
  --lv-sand:            #E2DCD1;   /* borders, dividers */
  --lv-sand-warm:       #EDE7DC;   /* secondary panel */
  --lv-ink:             #1A1A1A;   /* body + headings */
  --lv-grey:            #6B6660;   /* muted copy */
  --lv-white:           #FFFFFF;

  /* --- conversion colors: deliberately NOT brand colors ---
     Green reads as "go" in direct response and out-performs a brand-matched
     button. Keep it. Do not swap these for the burgundy. */
  --lv-cta:             #2AB05B;
  --lv-cta-hover:       #229A4E;
  --lv-cta-bright:      #00C646;
  --lv-save:            #1DA372;   /* "you save" / discount badges */
  --lv-star:            #FDB002;   /* review stars */

  /* --- semantic --- */
  --lv-header-bg:       var(--lv-white);   /* header is white. */
  --lv-page-bg:         var(--lv-cream-light);
  --lv-panel-bg:        var(--lv-cream);
  --lv-border:          var(--lv-sand);
}

/* ============================ page canvas ================================= */
body.lv-page,
.wrapper, .landing-v1{ background-color: var(--lv-page-bg); }

/* ============================ header ====================================== */
/* White bar, logo centered. */
.top-navbar-2, .navbar-4, .landing-v1-navbar{
  background-color: var(--lv-header-bg) !important;
  border-bottom: 1px solid var(--lv-border);
}
.top-navbar-2, .navbar-4, .landing-v1-navbar,
.top-navbar-2 > .container, .navbar-4 > .container{
  display: flex; align-items: center; justify-content: center;
}
.top-navbar-2 img, .navbar-4 img, .landing-v1-navbar img{
  margin-left: auto; margin-right: auto; display: block;
}

/* ============================ urgency / sale bars ========================= */
.navbar-countdown, .sale-bar, .top-sale-bar{ background-color: var(--lv-espresso-deep); color: var(--lv-white); }
.holiday-clock, .box-2, .countdown-box{ background-color: var(--lv-espresso); color: var(--lv-white); }

/* ============================ panels & sections =========================== */
.get-sec, .caps_blocks-inner{ background-color: var(--lv-sand-warm); }
.landing-v1-section3, .landing-v1-review_section, .landing-v1-banner,
.nz5b-guarantee_box, .nz5b-up-slide-dwn, .nz5b-accordion{ background-color: var(--lv-panel-bg); }

/* ============================ type ======================================== */
.top-hero-heading, .caps_text, .text-size-medium,
.landing-v1-features_row_heading, .landing-v1-common_heading,
.landing-v1-banner_heading, .landing-v1-brand_strip_heading,
.landing-v1-guarantee_box_heading, .landing-v1-doctor_details_text,
.sticky-nav-item-new, .gray-icon-2, .new-checkout-v6-prd-qty{ color: var(--lv-ink); }

.text-span-142, .text-span-144, .rem-copy, .ship-by-copy,
.landing-v1-features_row_number, .new-checkout-v6-call_text{ color: var(--lv-espresso); }

/* ============================ accents ===================================== */
.tt-bb-icon svg path, .tt-bb-icon.w-embed svg path{ fill: var(--lv-espresso); color: var(--lv-espresso); }
.full-sep-div, .hdr-sep-div{ background-color: var(--lv-espresso); }
.feature-inner-grid, .landing-v1-features_row_image,
.landing-v1-guarantee_box{ border-color: var(--lv-border); }
.slick-slide.slick-active,
.landing-v1-section4_slider_nav .slick-slide.slick-active,
.new-checkout-v6-prd-opt, .new-checkout-v6-pkg1,
.new-checkout-v6-active{ border-color: var(--lv-espresso); }
.new-checkout-v6-active, .new-checkout-v6-step_count{ background-color: var(--lv-espresso); }

/* ============================ CTAs (stay green) =========================== */
.cta-button, .order-now-btn, .nz5-cta, .landing-v1-cta,
.new-checkout-v6-cta, .sticky-cta{ background-color: var(--lv-cta); color: var(--lv-white); }
.cta-button:hover, .order-now-btn:hover, .nz5-cta:hover,
.landing-v1-cta:hover, .new-checkout-v6-cta:hover, .sticky-cta:hover{ background-color: var(--lv-cta-hover); }