/* --- EpiCooler — brand theme over the white-label component library -----------
   Sets the --ad-* tokens the shared components read. Tokens only (no selector
   overrides), so head load order vs. inline component CSS is irrelevant. The
   green CTA gradient is supplied as a gradient value to --ad-cta-bg, which the
   button uses directly as its background. See docs/spec/component-library.md §5. */

:root {
  /* Primary accent — BetterLive blue (comment/review names, FAQ icon, links, info-card marker) */
  --ad-accent: #274593;
  --ad-accent-contrast: #ffffff;

  /* CTA — the signature EpiCooler green gradient (a gradient is a valid background value) */
  --ad-cta-bg: linear-gradient(to right, #31cd13, #28a311);
  --ad-cta-fg: #ffffff;

  /* Price / discount / urgency highlight — advertorial red */
  --ad-price-accent: #cc0000;

  /* Info-card "info" callout accent */
  --ad-info-accent: #274593;

  /* Corners — matches the 10px the source advertorial used on CTAs and cards */
  --ad-radius: 10px;

  /* Fonts — Montserrat (loaded by main.css) with a geometric system fallback */
  --ad-font-heading: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ad-font-body: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Comparison-option tones (not used on this page, kept for convention completeness) */
  --ad-positive: #28a311;
  --ad-negative: #cc0000;
}