/* ──────────────────────────────────────────────────────────────
   BazaFit — Base layer
   Reset + the signature dark canvas with its fixed radial neon
   atmosphere. Specimen cards and UI kits inherit from here.
   ────────────────────────────────────────────────────────────── */

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: var(--font-sans);
  background: var(--bg-app);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overscroll-behavior-y: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

/* Deep dark atmosphere with subtle radial glow — the brand backdrop */
.baza-atmosphere::before,
body.baza-atmosphere::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%,   var(--atmo-top)    0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 20% 100%, var(--atmo-bottom) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Scrollbars are hidden across the product */
::-webkit-scrollbar { width: 0; background: transparent; }

/* The animated neon avatar ring + divider keyframes, reusable */
@keyframes baza-ring-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes baza-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@keyframes baza-fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }