/*
 * SerVee IT — palette aligned to brand logo (royal blue cloud, cyan highlights,
 * sunset coral / peach, deep navy–indigo sky, lavender cosmic accents).
 * RGB triplets are space-separated for use as: rgba(var(--serveeit-*-rgb), alpha)
 */
:root {
	/* Surfaces */
	--serveeit-bg: #070d22;
	--serveeit-surface: #101a38;

	/* Solid accents (buttons, headings glow, borders) */
	--serveeit-royal: #2563eb;
	--serveeit-cyan: #3ee8ff;
	--serveeit-sunset: #ff9a6e;
	--serveeit-violet: #a855f7;
	--serveeit-danger: #ff4d7d;

	/* Type */
	--serveeit-text: #f8fafc;
	--serveeit-muted: #93a4d9;

	/* Large gradients (hero footers, CTAs) */
	--serveeit-gradient-cta: linear-gradient(180deg, #070d22 0%, #140a28 55%, #2a1642 100%);

	/* Layout */
	--serveeit-font-heading: "Orbitron", system-ui, sans-serif;
	--serveeit-font-body: "DM Sans", "Inter", system-ui, sans-serif;
	--serveeit-font-mono: "Space Mono", ui-monospace, monospace;
	--serveeit-radius: 14px;
	--serveeit-max: 1200px;
	--serveeit-header-h: 64px;

	/* RGB channels for rgba(..., α) — do not add "rgb()" wrapper */
	--serveeit-cyan-rgb: 62, 232, 255;
	--serveeit-violet-rgb: 168, 85, 247;
	--serveeit-sunset-rgb: 255, 154, 110;
	--serveeit-royal-rgb: 37, 99, 235;
	--serveeit-danger-rgb: 255, 77, 125;
	--serveeit-bg-rgb: 7, 13, 34;
	--serveeit-surface-rgb: 16, 26, 56;

	/* Hero / page H1 glitch headlines */
	--serveeit-glitch-color: #c5fff7;
	--serveeit-glitch-shadow: 0 2px 14px rgba(0, 0, 0, 0.55), 0 0 32px rgba(var(--serveeit-cyan-rgb), 0.4),
		0 0 48px rgba(var(--serveeit-cyan-rgb), 0.2);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--serveeit-motion-duration: 0.01ms;
	}
}