/* Custom CSS overrides for IAmSorry.app */
:root {
  --brand-500: #0ea5e9;
}
.dot {
  display:inline-block; width:6px; height:6px; border-radius:9999px; background: var(--brand-500);
}
/* Soft glowing background under left illustration */
.glow {
  position:absolute; inset:-1.5rem;
  background: linear-gradient(90deg, rgba(190,230,255,.6), rgba(125,211,252,.4));
  filter: blur(30px); border-radius: 2rem;
}
/* Reusable buttons outside of Tailwind utility usage (icons) */
.icon-btn {
  display:inline-flex; align-items:center; justify-content:center;
  gap:.25rem; padding:.5rem; border-radius:.75rem; border:1px solid rgba(100,116,139,.2);
  background:#fff;
}
.icon-btn:hover { background:#f8fafc; }
/* Utility classes for non-tailwind contexts */
.btn-primary { /* left to Tailwind classes in HTML */ }
.btn-secondary { /* left to Tailwind classes in HTML */ }
.btn-subtle { /* left to Tailwind classes in HTML */ }
/* Small screens tweaks */
@media (max-width: 640px) {
  header nav { display:none; }
}