/**
 * File: assets/css/global/base.css
 * Description: Base document styles for Magida Creative Co.
 *
 * MAGIDA FOUNDATION PASS 1:
 * - Sets the dark premium foundation.
 * - Keeps body text readable without neon glow.
 */

body {
	min-width: 320px;
	background:
		radial-gradient(
			circle at top left,
			rgba(5, 223, 254, 0.08),
			transparent 28rem
		),
		radial-gradient(
			circle at top right,
			rgba(124, 106, 251, 0.08),
			transparent 30rem
		),
		var(--magida-black);
	color: var(--magida-text);
	font-family: var(--magida-font-body);
	font-size: 16px;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

body.admin-bar {
	min-height: calc(100vh - 32px);
}

::selection {
	background: rgba(5, 223, 254, 0.28);
	color: var(--magida-white);
}

a {
	transition:
		color var(--magida-transition),
		border-color var(--magida-transition),
		background-color var(--magida-transition),
		box-shadow var(--magida-transition);
}

a:hover,
a:focus-visible {
	color: var(--magida-cyan);
}

button,
input,
textarea,
select {
	color: inherit;
}

button,
input[type="button"],
input[type="submit"] {
	border: 0;
}

:focus-visible {
	outline: 2px solid var(--magida-cyan);
	outline-offset: 4px;
}

hr {
	height: 1px;
	margin: 2rem 0;
	border: 0;
	background: var(--magida-border);
}

/* MAGIDA FOUNDATION PASS 1: Reduce motion for users who request it. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}