/*
 * KeroIA · Brand color palette (v1.0)
 * https://keroia.io/brand
 *
 * Importa o copia estas variables en tu sistema de diseño.
 */

:root {
  /* ── Esmeralda (acento principal) ── */
  --keroia-em:         #10B981;             /* Acento principal · CTAs · highlights */
  --keroia-em-hover:   #0D9D6E;             /* Hover de botones esmeralda */
  --keroia-em-darker:  #0B7F5C;             /* Undertone del Kero · gradients */
  --keroia-em-ink:     #0D7A5F;             /* Texto esmeralda sobre fondo claro */
  --keroia-em-soft:    rgba(16, 185, 129, 0.08);  /* Backgrounds sutiles · fills */
  --keroia-em-soft-2:  rgba(16, 185, 129, 0.14);  /* Variante más opaca */

  /* ── Ink (textos) ── */
  --keroia-ink:        #0E0F0C;             /* Texto principal · headings */
  --keroia-ink-2:      #54564E;             /* Texto secundario */
  --keroia-ink-3:      #A2A398;             /* Meta · kickers · labels */
  --keroia-ink-4:      #C9C9C0;             /* Detalles tenues · bordes */

  /* ── Fondo ── */
  --keroia-bg:         #FAFAF7;             /* Fondo principal (light) */
  --keroia-bg-2:       #F5F4EE;             /* Variación · gradients */
  --keroia-dark:       #0E0F0C;             /* Secciones dark */
  --keroia-border:     #E6E4DA;             /* Bordes · divisores */
  --keroia-border-2:   #DAD8CD;             /* Bordes más densos */

  /* ── Sobre dark ── */
  --keroia-d-ink:      #FAFAF7;             /* Texto principal sobre dark */
  --keroia-d-ink-2:    #D4D4CE;             /* Texto secundario sobre dark */
  --keroia-d-ink-3:    #A2A398;             /* Meta sobre dark */
}