/*
 * Truck Ustaaz Pro - Cyber Transport foundation
 * Global theme tokens + dark/light scaffolding.
 */

:root {
	--tu-cyber-cyan: #00ffe0;
	--tu-cyber-blue: #16a0ff;
	--tu-ink: #070a10;
	--tu-ink-2: #0b1020;
	--tu-surface: rgba(255, 255, 255, 0.06);
	--tu-surface-2: rgba(255, 255, 255, 0.10);
	--tu-border: rgba(0, 255, 224, 0.18);
	--tu-border-2: rgba(0, 255, 224, 0.26);
	--tu-radius-lg: 18px;
	--tu-radius-md: 14px;
}

body.tu-dark {
	background: radial-gradient(1200px 600px at 20% -10%, rgba(0, 255, 224, 0.10), transparent 60%),
		radial-gradient(900px 500px at 90% 10%, rgba(22, 160, 255, 0.10), transparent 55%),
		linear-gradient(180deg, var(--tu-ink), var(--tu-ink-2));
	color: rgba(255, 255, 255, 0.92);
}

body.tu-light {
	background: radial-gradient(1200px 600px at 20% -10%, rgba(0, 255, 224, 0.08), transparent 60%),
		radial-gradient(900px 500px at 90% 10%, rgba(22, 160, 255, 0.08), transparent 55%),
		linear-gradient(180deg, #ffffff, #f5f8ff);
	color: #0b1020;
}

a {
	color: inherit;
}

.tu-cyber-line {
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(0, 255, 224, 0.55), transparent);
	filter: drop-shadow(0 0 14px rgba(0, 255, 224, 0.25));
}

body.tu-light .tu-cyber-line {
	background: linear-gradient(90deg, transparent, rgba(22, 160, 255, 0.45), transparent);
	filter: drop-shadow(0 0 14px rgba(22, 160, 255, 0.18));
}