/* ============================================================
   COLORS — LeaderHouse
   Rules that never bend:
   - RED (--lh-accent) is the ONLY action color. CTAs, headline
     highlights, accent eyebrow, winning comparison column.
   - YELLOW (--lh-hl) = body-text highlight ONLY. Never on a headline.
   - GOLD (--lh-gold) = value / bonus / hero price. The "money" color.
   - GREEN (--lh-green) = confirmation checkmarks ONLY. Never a CTA,
     never a background, never the price.
   - PURPLE (--lh-purple) = ONLY at low opacity inside dark-section
     radial glows and the top seam. Never solid, never foreground.
   ============================================================ */
:root {
  /* --- Ink & neutrals (text/surfaces on light) --- */
  --lh-ink:        #0f1115;  /* primary text on light */
  --lh-ink-soft:   #3d4350;  /* body text on light */
  --lh-muted:      #8a909c;  /* labels, captions */
  --lh-line:       #e6e8ec;  /* hairlines, borders */
  --lh-bg:         #ffffff;  /* page / card base */
  --lh-bg-tint:    #f7f8fa;  /* soft section bg */

  /* --- Darks (dark sections span this range) --- */
  --lh-dark-1:     #15171c;  /* lighter dark (gradient top) */
  --lh-dark-2:     #0b0c10;  /* near-black (gradient bottom) */
  --lh-dark-card:  #1b1e25;  /* card on dark */
  --lh-dark-line:  #2a2e37;  /* border on dark */

  /* --- Text on dark --- */
  --lh-on-dark:      #ffffff;
  --lh-on-dark-soft: #c9ccd2;
  --lh-on-dark-mute: #9aa0ac;
  --lh-pink:         #ff8b97; /* eyebrow / accent text on dark */

  /* --- Brand action + accents --- */
  --lh-accent:       #e23b4e;  /* RED — the only action color */
  --lh-accent-dark:  #c32d3f;  /* CTA hover */
  --lh-accent-lite:  #f0556a;  /* CTA gradient top */
  --lh-accent-deep:  #b8293b;  /* CTA gradient bottom */
  --lh-hl:           #ffe26a;  /* yellow body highlight */
  --lh-gold:         #ffd54a;  /* value / bonus / price */
  --lh-gold-lite:    #fff5d6;  /* gold gradient top */
  --lh-gold-deep:    #f7b733;  /* gold gradient bottom */
  --lh-green:        #22a559;  /* confirmation checks only */
  --lh-green-lite:   #2bbd6b;  /* check gradient top */
  --lh-purple:       #7850ff;  /* dark-glow accent (low-opacity only) */

  /* --- Semantic aliases --- */
  --lh-text:            var(--lh-ink);
  --lh-text-body:       var(--lh-ink-soft);
  --lh-text-muted:      var(--lh-muted);
  --lh-surface:         var(--lh-bg);
  --lh-surface-tint:    var(--lh-bg-tint);
  --lh-border:          var(--lh-line);
  --lh-action:          var(--lh-accent);
  --lh-action-hover:    var(--lh-accent-dark);
  --lh-value:           var(--lh-gold);
  --lh-confirm:         var(--lh-green);

  /* --- Convenience alpha tints (matched to real usage) --- */
  --lh-accent-08:  rgba(226,59,78,.08);
  --lh-accent-12:  rgba(226,59,78,.12);
  --lh-accent-25:  rgba(226,59,78,.25);
  --lh-accent-35:  rgba(226,59,78,.35);
  --lh-gold-14:    rgba(255,213,74,.14);
  --lh-gold-40:    rgba(255,213,74,.40);
  --lh-green-16:   rgba(34,165,89,.16);
}