Colores

Este módulo define los tokens de color para cada uno de nuestros servicios (Medellín, Cali, Manizales).

La adopción de estos tokens asegura que, independientemente del servicio, el comportamiento visual de los componentes (botones, enlaces, estados, etc) sea coherente y cumpla con nuestros estándares de accesibilidad.

Medellín

Token	Nivel	Valor	WCAG
`primary-light`	Light	#00B3FF	2.36 / 8.89 (AAA)
`primary`	Primary	#009CDE	3.08 / 6.81 (AAA)
`primary-dark`	Dark	#0081B8	4.35 (AA) / 4.83 (AAA)
`secondary-light`	Light	#38D680	1.89 / 11.10 (AAA)
`secondary`	Secondary	#00CB5C	2.17 / 9.70 (AAA)
`secondary-dark`	Dark	#00A64B	3.20 (AA) / 6.56 (AAA)
`tertiary-light`	Light	#B693C7	2.63 / 7.99 (AAA)
`tertiary-medium`	Tertiary	#9354B1	4.14 (AA) / 5.07 (AAA)
`tertiary-dark`	Dark	#733A8E	7.71 (AAA) / 2.72

Cali

Token	Nivel	Valor	WCAG
`primary-light`	Light	#4E7CD7	4.05 (AA) / 5.19 (AAA)
`primary`	Primary	#3366CC	5.37 (AAA) / 3.91 (AA)
`primary-dark`	Dark	#2856B1	6.87 (AAA) / 3.06
`secondary-light`	Light	#266499	6.24 (AAA) / 3.37 (AA)
`secondary`	Secondary	#004884	9.29 (AAA) / 2.26
`secondary-dark`	Dark	#003E73	10.84 (AAA) / 1.94
`tertiary-light`	Light	#E0E0E0	1.23 / 17.14 (AAA)
`tertiary`	Tertiary	#C4C4C4	1.68 / 12.48 (AAA)
`tertiary-dark`	Dark	#9E9E9E	2.46 / 8.53 (AAA)

Manizales

Token	Nivel	Valor	WCAG
`primary-light`	Light	#405D75	6.91 (AAA) / 3.04
`primary`	Primary	#103553	12.68 (AAA) / 1.66
`primary-dark`	Dark	#0E2D47	14.14 (AAA) / 1.49
`secondary-light`	Light	#5A91C0	3.36 (AA) / 6.25 (AAA)
`secondary`	Secondary	#3176B0	4.83 (AA) / 4.35 (AA)
`secondary-dark`	Dark	#2A6496	6.25 (AAA) / 3.36 (AA)
`tertiary-light`	Light	#E0E0E0	1.23 / 17.14 (AAA)
`tertiary`	Tertiary	#C4C4C4	1.68 / 12.48 (AAA)
`tertiary-dark`	Dark	#9E9E9E	2.46 / 8.53 (AAA)

Buenas prácticas

Contraste: Al hacer uso de los colores, se debe verificar siempre el valor WCAG correspondiente. Se establece el nivel AA como el estándar mínimo aceptable, mientras que el nivel AAA se recomienda para garantizar una accesibilidad óptima.
Consistencia: Se debe evitar el uso de valores Hex directos en el código. Es obligatorio utilizar siempre los tokens definidos (ej. var(--primary-dark-medellin)). Esta práctica permite que, ante cualquier actualización futura en la paleta de colores, el sistema se actualice de manera global y centralizada, eliminando el riesgo de errores de inconsistencia.