/* assets/css/site.css — LostLoop */

:root {
  --teal: #32c1af;
  --coral: #fe7460;

  --zinc-50:  #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--zinc-950);
  background: #fff;
  line-height: 1.5;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid rgba(50,193,175,.65); outline-offset: 3px; border-radius: 12px; }

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: .55; }
  50% { transform: scale(1.25); opacity: 1; }
}
.animate-pulse { animation: pulse 1.2s ease-in-out infinite; }