/* ImmoEx shared brand tokens — single source of truth for the marketing pages
   (landing, about, pricing, faq, demo-call, demo-use, login).
   Indigo stays the flat brand color everywhere; --brand-gradient (indigo -> emerald)
   is reserved for primary CTAs and headline highlights only. */
:root{
  --bg:#ffffff;
  --bg2:#f8fafc;
  --card:#ffffff;
  --card2:#f8fafc;
  --border:#e7ebf1;
  --border2:#d4dbe6;

  --gold:#4f46e5;
  --gold2:#6366f1;
  --gold-bg:rgba(79,70,229,.08);
  --gold-border:rgba(79,70,229,.22);
  --gold-shadow:rgba(79,70,229,.25);

  --emerald:#10b981;
  --brand-gradient:linear-gradient(135deg,var(--gold),var(--emerald));

  --green:#16a34a;
  --green-bg:rgba(22,163,74,.10);
  --green-border:rgba(22,163,74,.22);

  --amber:#d97706;
  --red:#dc2626;

  --text:#0f172a;
  --text2:#475569;
  --muted:#94a3b8;
  --muted2:#cbd5e1;
}

/* Gradient text for headline highlights, e.g. <span class="hl">one pipeline</span> */
.grad-text{
  background:var(--brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Gradient fill for primary CTAs */
.grad-cta{
  background:var(--brand-gradient) !important;
  box-shadow:0 6px 16px -4px var(--gold-shadow);
}