/* SiteLagbe — emerald on light. Overrides tokens only. */

:root{
  /* emerald-700, not 600: white button text on #059669 measures 3.77:1 and fails
     WCAG AA. #047857 carries it at 5.55:1 and still reads as the same green. */
  --brand:#047857;
  --brand-ink:#065f46;
  --brand-deep:#064e3b;
  --brand-soft:#ecfdf5;
  --brand-line:#a7f3d0;
  --brand-on:#ffffff;
  --brand-on-dark:#34d399;

  --bg:#ffffff;
  --bg-alt:#f5f9f7;
  --bg-sunk:#eaf2ee;
  --line:#e1eae5;
  --line-strong:#c7d6ce;

  --dark:#0a1613;
  --dark-2:#0f201b;
  --dark-card:#132821;
  --dark-line:#1f3a31;
  --dark-muted:#94aba3;
}

/* the hero sits on a soft brand wash rather than flat white */
.hero{
  background:
    radial-gradient(1100px 420px at 12% -8%, var(--brand-soft), transparent 62%),
    linear-gradient(180deg, #f8fbfa, var(--bg));
}