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

:root {
  --glass: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.18);
}

.glass { background: var(--glass); backdrop-filter: blur(10px); border: 1px solid var(--glass-border); }
.nebula { background-image: radial-gradient(600px 400px at 20% 10%, rgba(25,146,180,.25), transparent), radial-gradient(700px 450px at 120% 40%, rgba(34,197,94,.15), transparent); }

@layer utilities {
  .text-glow { text-shadow: 0 0 10px rgba(25,146,180,0.5); }
  .bg-glass { background: var(--glass); backdrop-filter: blur(10px); border: 1px solid var(--glass-border); }
}

/* Accessibility baseline lives in /style.css (root) so every multi-page entry
   picks it up via the shared <link rel="stylesheet" href="style.css">. Keeping
   it in one place avoids drift. */