/* theme-freedom.css — 4th of July Freedom BOGO override
   Loaded AFTER style.css to remap the green St. Patrick's palette to
   patriotic Red / White / Navy. Keep this file lean — only color tokens
   and a few patriotic flourishes. */

:root,
[data-theme="light"] {
  /* Surfaces — soft cream / white with subtle navy tint */
  --color-bg:             #f7f8fc;
  --color-surface:        #ffffff;
  --color-surface-2:      #ffffff;
  --color-surface-offset: #eef1f8;
  --color-surface-offset-2: #e3e8f2;
  --color-surface-dynamic: #d9e0ee;
  --color-divider:        #c5d0e3;
  --color-border:         #a8b6d0;

  /* Text — deep navy */
  --color-text:           #0A1733;
  --color-text-muted:     #3a4a73;
  --color-text-faint:     #8694b3;
  --color-text-inverse:   #ffffff;

  /* Primary = patriotic RED */
  --color-primary:        #B22234;   /* Old Glory Red */
  --color-primary-hover:  #9A1D2D;
  --color-primary-active: #7A1623;
  --color-primary-light:  #D63A4C;
  --color-primary-highlight: #fbe2e5;

  /* Gold accent → keep as warm gold for the "designed in Chicago" overline,
     but pull it slightly toward navy-friendly cream */
  --color-gold:           #C8962D;
  --color-gold-hover:     #B0801F;
  --color-gold-active:    #8A6314;
  --color-gold-light:     #E8B83D;
  --color-gold-highlight: #f5edd4;

  /* Deep accents → NAVY */
  --color-dark-green:     #0A1733;   /* repurposed: deep navy */
  --color-forest:         #060E22;   /* repurposed: near-black navy */
  --color-near-black:     #050912;

  --color-error:          #c23b22;
  --color-success:        #1F7A3A;
}

[data-theme="dark"] {
  --color-bg:             #06091a;
  --color-surface:        #0d1428;
  --color-surface-2:      #131b35;
  --color-surface-offset: #0f1730;
  --color-surface-offset-2: #18223f;
  --color-surface-dynamic: #1e2a4d;
  --color-divider:        #1c2649;
  --color-border:         #2a3a6b;

  --color-text:           #e8edf9;
  --color-text-muted:     #98a6c8;
  --color-text-faint:     #5a6a8a;
  --color-text-inverse:   #06091a;

  --color-primary:        #E04354;   /* brighter red on dark */
  --color-primary-hover:  #ED5A6B;
  --color-primary-active: #FF6E80;
  --color-primary-light:  #FF8090;
  --color-primary-highlight: #3d1820;

  --color-gold:           #F0C75E;
  --color-gold-hover:     #FFD700;
  --color-gold-active:    #FFE44D;
  --color-gold-light:     #FFD700;
  --color-gold-highlight: #3d3520;

  --color-dark-green:     #0A1733;
  --color-forest:         #050912;
  --color-near-black:     #030610;
}

/* meta theme-color update */
/* (set inline in <meta name="theme-color"> in HTML) */

/* === Patriotic flourishes === */

/* Star "burst" on hero badge replaces the shamrock vibe */
.hero-badge {
  background: linear-gradient(135deg, #B22234 0%, #0A1733 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 4px 14px rgba(178,34,52,0.35) !important;
}

/* Selector overline + value-stack overline — make red */
.selector-overline,
.value-stack-overline {
  color: var(--color-primary) !important;
}

/* "Designed in Chicago" overline — keep gold for premium feel */
/* (already gold via inline style on the specs section) */

/* Free gift strip — navy background w/ red free tag */
.free-gift-strip {
  background: linear-gradient(135deg, #0A1733 0%, #18223f 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
.free-gift-strip-label {
  color: #ffffff !important;
}
.free-gift-strip-value {
  color: #E8B83D !important;
}

/* CTA buttons keep red primary; light variant becomes white-on-navy */
.cta-btn--light {
  background: #ffffff !important;
  color: #0A1733 !important;
}
.cta-btn--light:hover {
  background: #f0f0f0 !important;
}

/* Urgency bar — solid red with star accent */
.urgency-bar {
  background: linear-gradient(90deg, #B22234 0%, #9A1D2D 50%, #B22234 100%) !important;
}

/* Striped flag accent bar above hero (mini flag) */
.hero {
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: repeating-linear-gradient(
    90deg,
    #B22234 0,
    #B22234 40px,
    #ffffff 40px,
    #ffffff 80px
  );
  z-index: 2;
}

/* Final CTA section deep navy overlay */
.final-cta-section {
  background: linear-gradient(180deg, #0A1733 0%, #050912 100%) !important;
}

/* Mobile sticky bar — red */
.mobile-cta-bar {
  background: linear-gradient(135deg, #B22234, #9A1D2D) !important;
}
.mobile-cta-bar .mobile-cta-price-amount,
.mobile-cta-bar .mobile-cta-price-label {
  color: #fff !important;
}
.mobile-cta-btn {
  background: #ffffff !important;
  color: #B22234 !important;
}

/* Star sparkle pseudo on hero badge spans (replaces ☘) — done via emoji in HTML */

/* Press bar quote color */
.press-bar-quote { color: var(--color-text-muted) !important; }

/* Trust bar orbs subtler */
.trust-bar-orb { opacity: 0.4 !important; }