/* ================================================================
   CLOUD MINT THEME — deferitappusa.com
   Designer token file — Override :root variables here
   
   Palette:
   Deep Forest Green  #1E7A5A   Primary / Hero bg / Footer
   Forest Green       #2E9970   Hero gradient mid
   Emerald Mint       #00C896   Accent / Glow / Links
   Teal               #00A87E   CTA buttons / Dark emerald
   Coral              #FF6B35   Action CTA / Contrast
   Mint White         #F5FDFB   Page background
   Pale Mint          #EAF8F3   Alt sections / Cards
   Mint Border        #C5E8DC   Borders / Dividers
   Deep Text          #0D3D28   Body text
   Mid Green Text     #2D6B52   Muted / supporting text
   ================================================================ */

:root {
  /* ── Core palette ─────────────────────────────── */
  --primary:          #1E7A5A;
  --primary-mid:      #2E9970;
  --primary-light:    #1E7A5A;

  --emerald:          #00C896;
  --emerald-dark:     #00A87E;
  --emerald-deeper:   #1E7A5A;

  --cta:              #FF6B35;
  --cta-dark:         #E55B25;

  /* ── Backgrounds ──────────────────────────────── */
  --bg:               #F5FDFB;   /* page canvas */
  --bg-alt:           #EAF8F3;   /* alternating sections */
  --white:            #FFFFFF;   /* cards / white sections */

  /* ── Text ─────────────────────────────────────── */
  --text:             #0D3D28;   /* body text */
  --muted:            #2D6B52;   /* supporting / muted */

  /* ── Borders & shadows ────────────────────────── */
  --border:           #C5E8DC;
  --card-shadow:      0 2px 16px rgba(30,122,90,0.07);
  --card-shadow-hover:0 8px 32px rgba(30,122,90,0.14);

  /* ── Shape ────────────────────────────────────── */
  --radius:           12px;
  --radius-sm:        8px;

  /* ── Legacy aliases (backward compat) ─────────── */
  --navy:             var(--primary);
  --navy-2:           var(--primary-mid);
  --orange:           var(--cta);
  --orange-dark:      var(--cta-dark);
}

/* ── Hero gradient (fallback when no inline image bg) ── */
.hero:not([style*="background-image"]) {
  background: linear-gradient(
    135deg,
    #1E7A5A 0%,
    #2E9970 55%,
    #1E7A5A 100%
  );
}

/* ── Hero orb glow (brighter mint) ─────────────── */
.hero::before {
  background: radial-gradient(
    circle,
    rgba(0,200,150,0.20) 0%,
    transparent 70%
  ) !important;
}

/* ── Score items in hero card ───────────────────── */
.score-item { background: #EAF8F3 !important; }

/* ── Nav hover ─────────────────────────────────── */
.nav-links a:hover { background: #EAF8F3 !important; }

/* ── Testimonials section ───────────────────────── */
.testimonials-section { background: #EAF8F3; }

/* ── CTA banner gradient (fallback when no inline image bg) ── */
.cta-banner:not([style*="background-image"]) {
  background: linear-gradient(135deg, #00A87E 0%, #1E7A5A 100%);
}

/* ── Page-hero (inner pages) ────────────────────── */
.page-hero {
  background: linear-gradient(135deg, #1E7A5A 0%, #2E9970 100%) !important;
}

/* ── Table header ───────────────────────────────── */
thead { background: #1E7A5A !important; }

/* ── Card icon tints ────────────────────────────── */
.card-icon-navy { background: rgba(30,122,90,0.10) !important; }
.card-icon-emerald { background: rgba(0,200,150,0.13) !important; }
.card-icon-orange { background: rgba(255,107,53,0.10) !important; }

/* ── Eyebrow label ──────────────────────────────── */
.eyebrow { color: #00A87E !important; }

/* ── Link color ─────────────────────────────────── */
a { color: #1E7A5A; }
a:hover { color: #00A87E; }

/* ── Verdict badge ──────────────────────────────── */
.verdict-badge {
  background: linear-gradient(135deg, #00A87E, #1E7A5A) !important;
}

/* ── Section-navy → deep green ─────────────────── */
.section-navy { background: #1E7A5A !important; }

/* ── Footer ─────────────────────────────────────── */
.site-footer { background: #1E7A5A !important; }
.footer-bottom { border-top: 1px solid rgba(0,200,150,0.18) !important; }

/* ── Embed placeholder ──────────────────────────── */
.embed-placeholder {
  background: #EAF8F3 !important;
  border: 2px dashed #C5E8DC !important;
}

/* ── Breadcrumb bar ─────────────────────────────── */
.breadcrumb { background: #FFFFFF !important; border-bottom: 1px solid #C5E8DC !important; }

/* ── Widget box ─────────────────────────────────── */
.widget { border-color: #C5E8DC !important; }

/* ── Prose box color ────────────────────────────── */
.pros-box { background: #E8FAF3 !important; border-color: #A8E6CC !important; }

/* ── Calc result box ────────────────────────────── */
.calc-result {
  background: linear-gradient(135deg, #1E7A5A 0%, #2E9970 100%) !important;
}

/* ── Steps connector line ───────────────────────── */
.step::before {
  background: linear-gradient(to bottom, #00C896, #C5E8DC) !important;
}

/* ── Info box borders ───────────────────────────── */
.info-box-green { background: #E8FAF3 !important; border-color: #A8E6CC !important; }

/* ── Glow animation — mint intensity ───────────── */
@keyframes deferitGlow {
  0%,100% { filter: drop-shadow(0 0 22px rgba(0,200,150,0.45)); }
  50%      { filter: drop-shadow(0 0 44px rgba(0,200,150,0.80)); }
}