/*
 * Tokens del sistema (Figma «CloudSecretary — Web», página Sistema, leídos por MCP el 14-09).
 * Todo el tema pinta con estas variables; ningún color ni tamaño se escribe suelto.
 */
:root {
	/* Color — marca */
	--c-brand: #1cbeca;
	--c-brand-dark: #149ca6;
	--c-brand-light: #e8f8f9;
	/* Color — acción (un solo color de conversión: el CTA principal) */
	--c-action: #c81f50;
	--c-action-dark: #a3173f;
	/* Acentos */
	--c-accent: #e07b2b;
	--c-accent-yellow: #f5b400;
	/* Texto */
	--c-ink: #212b2b;
	--c-muted: #5a6668;
	--c-inverse: #ffffff;
	/* Superficies */
	--c-white: #ffffff;
	--c-grey: #ededed;
	--c-grey-light: #f6f6f6;
	--c-footer: #222a2c;
	/* Bordes */
	--c-border: #d9d9d9;
	--c-border-brand: #bfe9ed;

	/* Tipografía */
	--font-display: 'Outfit', 'Segoe UI', system-ui, sans-serif;
	--font-body: 'Noto Sans', 'Segoe UI', system-ui, sans-serif;
	--fs-h1: clamp(2.125rem, 1.5rem + 2.4vw, 3.25rem);      /* 52 */
	--fs-h2: clamp(1.75rem, 1.35rem + 1.4vw, 2.4rem);        /* 38.4 */
	--fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);       /* 28 */
	--fs-h4: 1.5rem;                                         /* 24 */
	--fs-h5: 1.25rem;                                        /* 20 */
	--fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);    /* 19 */
	--fs-base: 1rem;
	--fs-small: 0.875rem;
	--fs-label: 0.8125rem;
	--fs-figure: clamp(2.5rem, 2rem + 2vw, 3.75rem);         /* 40-60 */

	/* Espacio */
	--sp-2xs: 4px;
	--sp-xs: 8px;
	--sp-sm: 12px;
	--sp-md: 16px;
	--sp-lg: 24px;
	--sp-xl: 32px;
	--sp-2xl: 48px;
	--sp-3xl: 72px;
	--sp-gutter: clamp(16px, 2.4vw, 35px);
	--sp-section: clamp(48px, 4vw + 16px, 88px);

	/* Radios */
	--r-sm: 8px;
	--r-md: 12px;
	--r-lg: 14px;
	--r-xl: 24px;
	--r-full: 999px;

	/* Sombras */
	--sh-header: 0 2px 8px rgba(0, 0, 0, 0.06);
	--sh-card: 0 8px 24px rgba(0, 0, 0, 0.08);
	--sh-float: 0 16px 40px rgba(8, 43, 51, 0.16);
	--sh-menu: 0 12px 32px rgba(33, 43, 43, 0.14);

	/* Layout */
	--container: 1440px;
	--nav-h: 88px;
	--utility-h: 41px;
	--bar-h: 80px;
	--ease: cubic-bezier(0.2, 0, 0, 1);
}