:root{
  /* ====== Tipografía (Kit Digital UdeC) ====== */
  --font-sans: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  /* ====== Paleta institucional (Manual de Marca UdeC) ====== */
  --color-udec-azul: #223C6A;
  --color-udec-amarillo: #EF9618;
  --color-udec-rojo: #BA152A;
  --color-udec-gris: #8F8C8C;
  --color-udec-negro: #000000;

  /* Neutrales (aprox basadas en kit: disponibles como escala de grises) */
  --color-neutral-100: #DDDDDD;
  --color-neutral-200: #D2D1D1;
  --color-neutral-400: #A5A3A3;
  --color-neutral-700: #565454;
  --color-neutral-900: #0E0E0E;

  /* Feedback (Kit: éxito/advertencia/peligro) */
  --color-feedback-green-200: #b6decb;
  --color-feedback-green-600: #2b9467;

  --color-feedback-warning-50: #FAE0BA;
  --color-feedback-warning-500: #EF9618;

  --color-feedback-danger-50: #F0CBD0;
  --color-feedback-danger-600: #951122;

  /* ====== Spacing (Kit: grilla y espaciado) ====== */
  --spacing-0: 0rem;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-20: 1.25rem;
  --spacing-24: 1.5rem;
  --spacing-28: 1.75rem;
  --spacing-32: 2rem;
  --spacing-36: 2.25rem;
  --spacing-40: 2.5rem;
  --spacing-44: 2.75rem;
  --spacing-48: 3rem;
  --spacing-60: 3.75rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;
  --spacing-100: 6.25rem;
  --spacing-160: 10rem;

  /*== colors udec ==*/
  --color-feedback-green-200: #b6decb;
  --color-feedback-green-600: #2b9467;
  --color-feedback-red-100: var(--color-secondary-red-100);
  --color-feedback-red-600: var(--color-secondary-red-600);
  --color-feedback-yellow-200: var(--color-primary-yellow-200);
  --color-feedback-yellow-600: var(--color-primary-yellow-600);
  --color-neutral-gray-100: #dddddd;
  --color-neutral-gray-200: #d2d1d1;
  --color-neutral-gray-300: #bcbaba;
  --color-neutral-gray-400: #a5a3a3;
  --color-neutral-gray-50: #f4f4f4;
  --color-neutral-gray-500: #8f8c8c;
  --color-neutral-gray-600: #727070;
  --color-neutral-gray-700: #565454;
  --color-neutral-gray-800: #2b2a2a;
  --color-neutral-gray-900: #0e0e0e;
  --color-neutral-white-0: #ffffff;
  --color-primary-blue-100: #a6b6d3;
  --color-primary-blue-200: #8598b9;
  --color-primary-blue-300: #64799e;
  --color-primary-blue-400: #435b84;
  --color-primary-blue-50: #c7d5ed;
  --color-primary-blue-500: #223c6a;
  --color-primary-blue-600: #1b3055;
  --color-primary-blue-700: #142440;
  --color-primary-blue-800: #0e182a;
  --color-primary-blue-900: #070c15;
  --color-primary-yellow-100: #fadfba;
  --color-primary-yellow-200: #f9d5a3;
  --color-primary-yellow-300: #f5c074;
  --color-primary-yellow-400: #f2ab46;
  --color-primary-yellow-50: #fdf5e8;
  --color-primary-yellow-500: #ef9618;
  --color-primary-yellow-600: #bf7813;
  --color-primary-yellow-700: #8f5a0e;
  --color-primary-yellow-800: #603c0a;
  --color-primary-yellow-900: #301e05;
  --color-secondary-red-100: #f0cbd0;
  --color-secondary-red-200: #e39ea6;
  --color-secondary-red-300: #d5707d;
  --color-secondary-red-400: #c84353;
  --color-secondary-red-50: #f7e2e4;
  --color-secondary-red-500: #ba152a;
  --color-secondary-red-600: #951122;
  --color-secondary-red-700: #700d19;
  --color-secondary-red-800: #4a0811;
  --color-secondary-red-900: #250408;
}

/* Helpers de uso rápido (sin depender de Tailwind) */
.text-udec-azul{color:var(--color-udec-azul)}
.bg-udec-azul{background:var(--color-udec-azul)}
.text-udec-amarillo{color:var(--color-udec-amarillo)}
.bg-udec-amarillo{background:var(--color-udec-amarillo)}
.text-udec-rojo{color:var(--color-udec-rojo)}
.bg-udec-rojo{background:var(--color-udec-rojo)}
.text-udec-gris{color:var(--color-udec-gris)}
.bg-udec-gris{background:var(--color-udec-gris)}
.text-udec-negro{color:var(--color-udec-negro)}
.bg-udec-negro{background:var(--color-udec-negro)}