/* ============================================================
   habitat-theme.css · Override 100% Hábitat para iframes de rol
   Verde #88B83C reemplaza el morado Xokai en TODOS los tokens.
   Cargar como ÚLTIMO stylesheet en cada role/index.html.
   ============================================================ */

:root,
html,
body {
  /* Accent principal ───────────────────────────────────────── */
  --xk-accent:           #88B83C !important;
  --xk-accent-light:     #E8F4D4 !important;
  --xk-accent-medium:    #B3CF73 !important;
  --xk-accent-dark:      #6FA32A !important;

  /* Alias purple legacy → verde ─────────────────────────────── */
  --xokai-purple:        #88B83C !important;
  --xokai-purple-tint:   #F7FBEE !important;
  --xokai-purple-light:  #E8F4D4 !important;
  --xokai-purple-dark:   #04342C !important;

  /* Tenant brand (ya estaba en Hábitat) ─────────────────────── */
  --tenant-brand:        #88B83C !important;
  --tenant-brand-tint:   #E1F5EE !important;
  --tenant-brand-dark:   #04342C !important;
}

/* Focus rings con verde Hábitat */
*:focus-visible {
  outline-color: #88B83C !important;
}

/* SVG logos baked-in: forzar fill verde en cualquier
   <rect> que use el morado exacto Xokai por atributo */
rect[fill="#6D4AE8"],
path[fill="#6D4AE8"],
circle[fill="#6D4AE8"] {
  fill: #88B83C !important;
}
text[fill="#6D4AE8"] {
  fill: #04342C !important;
}

/* Chips/badges con fondo purple-tint hard-coded */
[style*="#EFEAFF"],
[style*="#F3F0FF"],
[style*="#FAFAFF"] {
  /* no podemos hacer override del style inline, pero al menos
     forzamos los hijos a usar variables si se especifican */
}

/* Tipografía Geist consistente (ya viene cargada del padre) */
body { font-family: 'Geist', system-ui, -apple-system, sans-serif !important; }