/* =============================================================
 * Sistema de diseño UI Formación — tokens de ejecución UIFAS
 *
 * Runtime mirror of docs/design-system/tokens.css. The canonical
 * workspace file remains the source of truth; contact-static-contracts.php
 * verifies that this mirror stays synchronized while working in the source
 * workspace. It is enqueued only if the active theme does not provide
 * the uif-tokens handle.
 * ============================================================= */

:root {

	/* ---- Color · declarados por el plugin ---------------------- */
	--uif-yellow: #ffb606;
	--uif-ink: #18191d;
	--uif-muted: #666b76;
	--uif-line: #e7e8ec;
	--uif-soft: #f6f7f9;
	--uif-white: #ffffff;
	--uif-success: #16794b;
	--uif-child-infants: #ff6b6b;
	--uif-child-children: #f9a826;
	--uif-child-youngsters: #4f9da6;

	/* ---- Color · medidos en componentes ----------------------- */
	--uif-warm-surface: #fff9e9;
	--uif-warm-line: #ebcf79;
	--uif-warm-fill: #fff0c2;
	--uif-warm-ink: #785700;
	--uif-dark-surface: #1c1d21;
	--uif-field-line: #cec9df;
	--uif-btn-line: #cfd4dc;
	--uif-btn-hover: #f0a800;

	/* ---- Color · semánticos ----------------------------------- */
	--uif-ok-bg: #eefaf3;
	--uif-ok-line: #a9dcc3;
	--uif-danger: #b42318;
	--uif-err-bg: #fef3f2;
	--uif-err-line: #fecdca;

	/* ---- Tipografía ------------------------------------------- */
	--uif-font: "Open Sans", sans-serif;
	--uif-lh: 1.7;

	--uif-fs-h1: 48.64px;
	--uif-fs-h2: 28px;
	--uif-fs-h3: 26px;
	--uif-fs-h4: 24px;
	--uif-fs-xl: 20px;
	--uif-fs-lg: 18px;
	--uif-fs-base: 16px;
	--uif-fs-kicker: 15.6px;
	--uif-fs-sm: 14px;
	--uif-fs-xs: 12px;
	--uif-ls-kicker: 1.4px;

	/* ---- Espaciado -------------------------------------------- */
	--uif-sp-1: 4px;
	--uif-sp-2: 8px;
	--uif-sp-3: 12px;
	--uif-sp-4: 16px;
	--uif-sp-5: 20px;
	--uif-sp-6: 24px;
	--uif-sp-8: 32px;
	--uif-sp-10: 40px;
	--uif-sp-12: 48px;
	--uif-sp-14: 56px;
	--uif-sp-18: 72px;

	/* ---- Radios ----------------------------------------------- */
	--uif-r-badge: 10px;
	--uif-r-control: 12px;
	--uif-r-bar: 18px;
	--uif-r-card: 22px;
	--uif-r-hero: 24px;
	--uif-r-pill: 999px;

	/* ---- Sombras ---------------------------------------------- */
	--uif-sh-cta: 0 10px 24px rgba(255, 182, 6, .25);
	--uif-sh-cta-lg: 0 12px 26px rgba(255, 182, 6, .25);
	--uif-sh-card: 0 18px 45px rgba(20, 24, 32, .08);
	--uif-sh-float: 0 14px 38px rgba(20, 24, 32, .11);
	--uif-sh-dark: 0 16px 32px rgba(0, 0, 0, .16);
	--uif-sh-sticky: 0 -8px 28px rgba(20, 24, 32, .10);
	--uif-sh-field: inset 0 1px 1px rgba(34, 34, 42, .03);
	--uif-shadow: 0 24px 70px rgba(20, 24, 32, .10);

	/* ---- Movimiento ------------------------------------------- */
	--uif-dur-fast: 150ms;
	--uif-dur-base: 250ms;
	--uif-dur-slow: 400ms;
	--uif-ease: cubic-bezier(.2, .7, .3, 1);

	/* ---- Capas ------------------------------------------------ */
	--uif-z-base: 0;
	--uif-z-raised: 10;
	--uif-z-sticky: 100;
	--uif-z-header: 200;
	--uif-z-drawer: 300;
	--uif-z-overlay: 900;
	--uif-z-modal: 1000;
	--uif-z-toast: 1100;
	--uif-z-cookie: 1200;

	/* ---- Embudo de matrícula ---------------------------------- */
	--uif-step-dot: 36px;
	--uif-plan-border: 2px;
	--uif-plan-halo: 0 0 0 4px rgba(255, 182, 6, .14);
	--uif-fs-plan-price: 31px;

	/* ---- Retícula --------------------------------------------- */
	--uif-container: 1200px;
	--uif-gutter: 24px;
	--uif-measure: 720px;
}

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