/**
 * Galeth Design Tokens
 * Fuente de verdad visual para las superficies administrativas de nED.
 * Los valores proceden de la landing institucional vigente.
 */

:root {
	--galeth-cyan: #00b4d8;
	--galeth-cyan-deep: #0099cc;
	--galeth-cyan-ink: #007399;
	--galeth-purple: #7c3aed;
	--galeth-purple-deep: #6b21a8;
	--galeth-amber: #f59e0b;
	--galeth-amber-deep: #d97706;
	--galeth-green: #10b981;
	--galeth-green-deep: #059669;
	--galeth-red: #dc3654;

	--galeth-font-heading: "Sora", "Plus Jakarta Sans", system-ui, sans-serif;
	--galeth-font-body: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--galeth-radius-sm: 14px;
	--galeth-radius: 22px;
	--galeth-radius-lg: 32px;
	--galeth-radius-pill: 999px;

	--galeth-ease: cubic-bezier(.22, 1, .36, 1);
	--galeth-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
	--galeth-gradient-cyan: linear-gradient(120deg, var(--galeth-cyan), var(--galeth-cyan-deep));
	--galeth-gradient-purple: linear-gradient(120deg, var(--galeth-purple), var(--galeth-purple-deep));
	--galeth-gradient-brand: linear-gradient(110deg, var(--galeth-cyan-deep), var(--galeth-purple));
}

html[data-bs-theme="light"] {
	--galeth-ink: #16132e;
	--galeth-ink-soft: #4a4668;
	--galeth-muted: #6f6a89;
	--galeth-line: #e8e6f2;
	--galeth-line-strong: #d8d4e8;
	--galeth-bg: #fbfaff;
	--galeth-bg-tint: #f3f1fb;
	--galeth-surface: #ffffff;
	--galeth-surface-raised: #ffffff;
	--galeth-overlay: rgba(22, 19, 46, .45);
	--galeth-shadow-sm: 0 4px 20px rgba(22, 19, 46, .06);
	--galeth-shadow: 0 18px 50px rgba(22, 19, 46, .10);
	--galeth-shadow-color: 0 18px 50px rgba(124, 58, 237, .18);
	--galeth-focus: 0 0 0 4px rgba(0, 180, 216, .18);
	--galeth-hover: rgba(124, 58, 237, .07);
}

html[data-bs-theme="dark"] {
	--galeth-ink: #edeaf6;
	--galeth-ink-soft: #c2bdd2;
	--galeth-muted: #a8a3bd;
	--galeth-line: #2d2842;
	--galeth-line-strong: #453e5f;
	--galeth-bg: #080610;
	--galeth-bg-tint: #12101f;
	--galeth-surface: #16132a;
	--galeth-surface-raised: #1e1a32;
	--galeth-overlay: rgba(5, 4, 8, .72);
	--galeth-shadow-sm: 0 4px 20px rgba(0, 0, 0, .28);
	--galeth-shadow: 0 18px 50px rgba(0, 0, 0, .45);
	--galeth-shadow-color: 0 18px 50px rgba(124, 58, 237, .28);
	--galeth-focus: 0 0 0 4px rgba(0, 180, 216, .24);
	--galeth-hover: rgba(124, 58, 237, .14);
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}