:root {
  /* Identidad HALCA — basada en el morado del logotipo */
  --color-morado: #3a298e;
  --color-morado-vivo: #5b45c7;
  --color-morado-oscuro: #21164f;
  --color-morado-profundo: #120d2d;
  --color-lavanda: #8f7df0;
  --color-lavanda-claro: #eeeafd;
  --color-lavanda-suave: #f7f5ff;
  --color-violeta-luz: #c9c0ff;
  --color-rojo: #6f54e8; /* alias legado para acentos existentes */
  --color-azul: #745cf1; /* alias legado para acentos existentes */

  /* Neutros */
  --color-negro-azulado: #11101a;
  --color-carbon: #181622;
  --color-gris-acero: #656273;
  --color-gris-claro: #f5f4f8;
  --color-blanco: #ffffff;

  /* Uso semántico */
  --color-fondo-claro: var(--color-blanco);
  --color-fondo-oscuro: var(--color-morado-profundo);
  --color-texto-principal: #181620;
  --color-texto-invertido: #fbfaff;
  --color-texto-secundario: #686576;
  --color-borde: #e7e3f0;
  --color-borde-morado: rgba(58, 41, 142, 0.18);
  --color-cta: var(--color-morado);
  --color-cta-hover: #2c1f74;
  --color-enlace: var(--color-morado-vivo);

  /* Tipografía */
  --fuente-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --fuente-titulos: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --fuente-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --texto-xs: 0.78rem;
  --texto-sm: 0.9rem;
  --texto-base: 1rem;
  --texto-lg: 1.15rem;
  --texto-xl: 1.55rem;
  --texto-2xl: 2.15rem;
  --texto-3xl: clamp(2.6rem, 4.5vw, 4.3rem);
  --texto-4xl: clamp(3.35rem, 6vw, 6.5rem);

  /* Espaciado */
  --espacio-xs: 0.5rem;
  --espacio-sm: 1rem;
  --espacio-md: 1.5rem;
  --espacio-lg: 2.5rem;
  --espacio-xl: 4rem;
  --espacio-2xl: 6.5rem;

  /* Layout */
  --ancho-maximo: 1280px;
  --radio-borde: 22px;
  --radio-borde-sm: 14px;
  --radio-borde-xs: 10px;
  --sombra-suave: 0 10px 35px rgba(24, 16, 68, 0.08);
  --sombra-media: 0 22px 65px rgba(24, 16, 68, 0.14);
  --sombra-profunda: 0 32px 90px rgba(17, 10, 48, 0.26);
  --resplandor-azul: 0 20px 60px rgba(91, 69, 199, 0.24);
  --resplandor-rojo: 0 16px 48px rgba(58, 41, 142, 0.34);

  --transicion: 0.24s ease;
  --easing: cubic-bezier(0.16, 1, 0.3, 1);
}