/* ============================================================
   BRAND TOKENS — single source of truth for colours.
   Change a value here and it propagates across the whole funnel.
   Palette: navy / forest-green / cream (PendingMoney brand book).
   ============================================================ */
:root{
  /* Core palette */
  --brand-cream:      #FAF7F1; /* page background            */
  --brand-ink:        #0B2138; /* primary text (deep navy)   */
  --brand-muted:      #5B6675; /* secondary text             */

  --brand-primary:    #1F7A5A; /* action green — CTAs, accents  */
  --brand-primary-d:  #176247; /* action green dark — hover     */
  --brand-accent:     #1F7A5A; /* same as primary (selected)    */
  --brand-accent-bg:  #E7F6F4; /* teal-50  — selected fills     */

  --brand-dark:       #0F2A43; /* navy-800 — dark sections   */
  --brand-darker:     #0B2138; /* navy-900 — darkest bg      */

  /* Brand-book extended tokens */
  --pm-money-green:   #2F6F5E; /* money amounts, positive stats */
  --pm-amber:         #C7821B; /* deadlines, urgency            */
  --pm-slate:         #58708A; /* secondary UI                  */

  /* Accent highlight used in marketing headlines */
  --brand-highlight:  var(--brand-primary);

  /* ---- Re-point the funnel's legacy tokens at the brand ---- */
  --cream: var(--brand-cream);
  --ink:   var(--brand-ink);
  --green: var(--brand-primary);
}

/* Offer screen scoped token */
.offer-rebuild{ --offer-green: var(--brand-primary) !important; }

/* All flow buttons — pill shape */
.btn-press { border-radius: 9999px !important; }
.offer-primary, .offer-sticky-btn { border-radius: 9999px !important; }

/* Tailwind rounding shims (flow CSS doesn't include Tailwind utilities) */
.rounded-full  { border-radius: 9999px !important; }
.rounded-2xl   { border-radius: 1rem !important; }
.rounded-xl    { border-radius: 0.75rem !important; }

/* Primary CTA glow in funnel */
.btn-press:not(:disabled),
.offer-primary, .offer-sticky-btn, .next-btn, .source-cta {
  box-shadow: 0 4px 20px rgba(31, 122, 90, 0.42) !important;
  transition: box-shadow 200ms ease, background 150ms ease !important;
}
.btn-press:hover:not(:disabled),
.offer-primary:hover, .offer-sticky-btn:hover, .next-btn:hover, .source-cta:hover {
  box-shadow: 0 6px 28px rgba(31, 122, 90, 0.58) !important;
}
/* Disabled btn-press should not glow */
.btn-press:disabled { box-shadow: none !important; }