/* Small custom tweaks on top of Tailwind (CDN) */
:root{
  --brand:#E4006D;
  --brand2:#7C3AED;
  --ink:#0f172a;
}
html{scroll-behavior:smooth;}
.brand-gradient{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(228,0,109,.16), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(124,58,237,.14), transparent 55%),
              linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,1));
}
.glass{
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.72);
}
.shadow-soft{
  box-shadow: 0 18px 60px rgba(15,23,42,.12);
}
.focus-ring:focus{
  outline: 3px solid rgba(228,0,109,.35);
  outline-offset: 2px;
}