/* ===========================================================================
   Integratec — Design tokens
   :root variables. Source of truth: design_handoff README.md
   =========================================================================== */

@font-face {
	font-family: 'Inter';
	src: url('/code-new/fonts/InterVariable.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('/code-new/fonts/InterVariable-Italic.woff2') format('woff2-variations');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

:root {
	/* Neutrals */
	--bg: #fcfcfd;
	--bg-2: #f5f3ee;
	--ink: #2f4858;            /* texto principal — slate oscuro */
	--ink-2: #3d5a6d;          /* texto secundario */
	--muted: #6b7a85;          /* texto terciario / muted */
	--line: rgba(47, 72, 88, .09);
	--line-2: rgba(47, 72, 88, .18);

	/* Brand naranja — único color acento */
	--brand: #f0a66c;          /* uso para acentos/iconos/fondos, NO texto sobre blanco */
	--brand-deep: #d97f3a;     /* texto AA contrast */
	--brand-soft: #fdf1e3;
	--brand-softer: #fef8f0;

	/* Módulos — un color semántico por producto */
	--m-des:    #1f8f6b;       --m-des-soft:    #e3f4ec;     /* Desempeño · verde */
	--m-cap:    #c84a6e;       --m-cap-soft:    #fae6ec;     /* Capacitación · rosa */
	--m-reclu:  #7245b5;       --m-reclu-soft:  #ece4f7;     /* Reclutamiento · morado */
	--m-sat:    #2f6fd8;       --m-sat-soft:    #e7f0fc;     /* Satisfacción · azul */
	--m-admin:  #a07016;       --m-admin-soft:  #faf0d8;     /* Admin Personal · ámbar */
	--m-nom:    #6b3f8a;       --m-nom-soft:    #efe6f5;     /* Nómina · ciruela */
	--m-norm:   #9e2235;       --m-norm-soft:   #f6dee2;     /* Normativas · rojo vino (#591932) */

	/* CTA azul — acción primaria */
	--cta:        #2f6fd8;
	--cta-hover:  #2558b8;
	--cta-soft:   #e8f0fc;

	/* Sombras */
	--sh-subtle: 0 1px 2px rgba(0, 0, 0, .06);

	/* Spacing — ritmo vertical entre secciones */
	--section-y: 56px;       /* padding top/bottom de cualquier sección */
}