/* Minimal global styles for MNIT LIVE (Apple-like) */
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html, body, #root { height: 100%; }
body {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; /* iOS Safari text scaling */
}

/* Clean brand text (no shimmer/animation) */
.brand-logo, .brand-logo-platinum {
	color: inherit;
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* Neutral cards and surfaces */
.holo-card, .hologram-panel {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 0.75rem;
}
@media (prefers-color-scheme: dark) {
	.holo-card, .hologram-panel { background: #0b1220; border-color: rgba(255,255,255,0.08); }
}

/* Remove overlays/filters in the minimal theme */
.hologram-overlay { display: none; }
.content-blur { filter: none; opacity: 1; }

/* Underline for active nav without animation */
.u-underline { position: relative; }
.u-underline[aria-current="page"] { color: #111827; }
@media (prefers-color-scheme: dark) { .u-underline[aria-current="page"] { color: #e5e7eb; } }
.u-underline[aria-current="page"]:after {
	content: "";
	position: absolute; left: 0; bottom: -4px; height: 2px; width: 100%;
	background: currentColor; opacity: .2;
}

/* Subtle custom scrollbar */
.custom-scrollbar { scrollbar-width: thin; scrollbar-color: rgba(100,116,139,.5) transparent; }
.custom-scrollbar::-webkit-scrollbar { width: 8px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(100,116,139,.4); border-radius: 9999px; }

/* Utility: subtle shadow */
.subtle-shadow { box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04); }

/* Mobile normalization */
img { image-rendering: auto; -webkit-user-drag: none; }
@supports (padding: max(0px)) {
	body { padding-bottom: env(safe-area-inset-bottom); }
}

/* Platinum neon number style (subtle, theme-aligned) */
.platinum-neon {
	color: #e5e7eb; /* light gray */
	background: linear-gradient(135deg, #f5f5f5, #d1d5db 45%, #bfc2c7 55%, #f3f4f6);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow:
		0 0 0 rgba(0,0,0,0), /* reset */
		0 2px 6px rgba(0,0,0,0.35),
		0 0 22px rgba(180, 190, 200, 0.35);
}
@media (prefers-color-scheme: dark) {
	.platinum-neon {
		text-shadow:
			0 2px 8px rgba(0,0,0,0.6),
			0 0 28px rgba(210, 220, 230, 0.35);
	}
}