/* Custom styles extracted from inline attributes */

/* Gradient background bubbles */
.bg-bubble-sky {
  background: radial-gradient(40% 40% at 50% 50%, #60a5fa 0%, rgba(96, 165, 250, 0) 70%);
}

.bg-bubble-emerald {
  background: radial-gradient(40% 40% at 50% 50%, #34d399 0%, rgba(52, 211, 153, 0) 70%);
}

/* Social color dots */
.dot-whatsapp { background: #25D366; }
.dot-instagram { background: #E4405F; }
.dot-telegram { background: #229ED9; }
.dot-tiktok { background: #ffffff; }
.dot-twitter { background: #1DA1F2; }
.dot-linkedin { background: #0A66C2; }
.dot-facebook { background: #1877F2; }
.dot-signal { background: #3A76F0; }

/* Gradient text utility using emerald (#34d399) to sky (#60a5fa) */
.text-gradient-emerald-sky {
  background-image: linear-gradient(90deg, #34d399, #60a5fa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Gradient stroke utility for SVGs. Requires #ui-emerald-sky defs in DOM */
.stroke-gradient-emerald-sky {
  stroke: url(#ui-emerald-sky);
}

/* Gradient border utility matching emerald→sky palette */
.gradient-border-emerald-sky {
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, #34d399, #60a5fa) 1;
}