/* Llave IA by Laines Group · colores de marca (v1.0, 27/09/2026)
   Regla de contraste: texto pequeño sobre coral = carbón (#2A2320).
   Blanco/crema sobre coral solo para texto grande (>= 24px, o >= 19px en negrita). */
:root {
  --li-coral: #EF5B3C;           /* Coral atardecer · Primario */
  --li-coral-rgb: 239 91 60;
  --li-carbon: #2A2320;          /* Carbón cálido · Secundario */
  --li-carbon-rgb: 42 35 32;
  --li-cielo: #9ED8EA;           /* Cielo · Acento */
  --li-cielo-rgb: 158 216 234;
  --li-coral-tostado: #C4441F;   /* Coral tostado · Acento para texto */
  --li-coral-tostado-rgb: 196 68 31;
  --li-crema: #FFF4E8;           /* Crema · Neutro */
  --li-crema-rgb: 255 244 232;
  --li-gris-arena: #6E6259;      /* Gris arena · Neutro */
  --li-gris-arena-rgb: 110 98 89;
  --li-blanco: #FFFFFF;          /* Blanco · Neutro */
  --li-blanco-rgb: 255 255 255;

  /* Tokens semánticos: úselos en los componentes */
  --li-fondo: var(--li-crema);
  --li-superficie: var(--li-blanco);
  --li-fondo-oscuro: var(--li-carbon);
  --li-texto: var(--li-carbon);
  --li-texto-secundario: var(--li-gris-arena);
  --li-texto-sobre-oscuro: var(--li-crema);
  --li-enlace: var(--li-coral-tostado);
  --li-enlace-sobre-oscuro: var(--li-coral);
  --li-boton-fondo: var(--li-coral);
  --li-boton-texto: var(--li-carbon);        /* nunca blanco en texto de botón */
  --li-boton-fondo-hover: #F2735A;   /* carbón encima: 5.4:1 */
  --li-boton-secundario-fondo: var(--li-carbon);
  --li-boton-secundario-texto: var(--li-crema);
  --li-acento-suave: var(--li-cielo);
  --li-borde: rgb(var(--li-gris-arena-rgb) / 0.25);
  --li-foco: var(--li-carbon);
  --li-radio: 16px;
  --li-radio-pill: 999px;
}