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

/* Typography & base */
body { @apply font-sans text-text; }
.fade-in { animation: fadeIn .6s ease-out both; }
.rise-in { animation: riseIn .7s ease-out both; }
@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }
@keyframes riseIn { from{ opacity:0; transform: translateY(12px) } to { opacity:1; transform:translateY(0) } }

/* Light/Dark surface defaults */
[data-theme="dark"] body { background:#0B1220; color:#E5E7EB }
.card { background:#ffffff; }
[data-theme="dark"] .card { background:#0F1B2F; border-color:#1F2A44 }
[data-theme="dark"] a { color:#A5D8FF }

/* Subtle aurora glow background (no external assets) */
body::before,
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
}

/* Glow blobs */
body::before {
	background:
		radial-gradient(closest-side at 20% 10%, rgba(0,184,217,0.15), transparent 60%),
		radial-gradient(closest-side at 80% 0%, rgba(13,71,161,0.10), transparent 60%);
	filter: blur(40px);
}
[data-theme="dark"] body::before {
	background:
		radial-gradient(closest-side at 15% 10%, rgba(0,184,217,0.20), transparent 60%),
		radial-gradient(closest-side at 85% 0%, rgba(13,71,161,0.18), transparent 60%);
}

/* Aurora sweep + subtle vignette */
body::after {
	background:
		radial-gradient(120% 80% at 50% 8%, rgba(13,71,161,0.10), transparent 50%),
		conic-gradient(from 200deg at 70% 25%, rgba(0,184,217,0.10), transparent 25%, rgba(13,71,161,0.06), transparent 55%, rgba(0,184,217,0.08), transparent 80%);
}
[data-theme="dark"] body::after {
	background:
		radial-gradient(140% 90% at 50% 2%, rgba(13,71,161,0.20), transparent 55%),
		conic-gradient(from 200deg at 70% 25%, rgba(0,184,217,0.16), transparent 25%, rgba(13,71,161,0.10), transparent 55%, rgba(0,184,217,0.12), transparent 80%);
}

/* Dark mode readability overrides */
[data-theme="dark"] .text-textMuted { color: #94A3B8; }
[data-theme="dark"] .text-primary { color: #60A5FA; }
[data-theme="dark"] .border-primary { border-color: #60A5FA; }
[data-theme="dark"] .bg-graybg { background-color: #0F1B2F; }
