@tailwind base;
@tailwind components;
@tailwind utilities;

:root { color-scheme: dark; }
* { border-color: rgba(255,255,255,.08); }
html { scroll-behavior: smooth; }
body { background:#050816; color:white; }
::selection { background:rgba(59,130,246,.35); }

@layer utilities {
  .text-gradient { @apply bg-gradient-to-r from-white via-cyan-200 to-violet-300 bg-clip-text text-transparent; }
  .glass { @apply border border-white/[0.08] bg-white/[0.045] backdrop-blur-xl; }
  .section-shell { @apply mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8; }
  .eyebrow { @apply inline-flex items-center gap-2 rounded-full border border-cyan-400/20 bg-cyan-400/[0.06] px-3 py-1 text-xs font-semibold uppercase tracking-[.18em] text-cyan-300; }
}