/* ============================================================
   Bizoxi — identidad visual centralizada (colores + tipografía).

   Fuente: identidad visual bizoxi.pdf. Este archivo se carga en
   base.html ANTES que cualquier otro CSS del sitio (auth.css,
   panel.css, onboarding.css, etc.) para que todos puedan usar
   estas variables. Si cambia la paleta o la tipografía de marca,
   se actualiza SOLO aquí.
   ============================================================ */

:root {
  /* --- Paleta oficial --- */
  --bizoxi-primary: #0EA672;   /* Esmeralda — marca, íconos, fondos */
  --bizoxi-dark: #10231C;      /* Verde Tinta — texto, contraste, modo oscuro */
  --bizoxi-accent: #C9A0F0;    /* Violeta — notificaciones, datos, destacados */
  --bizoxi-white: #FFFFFF;

  /* --- Tonos derivados (hover, fondos claros, bordes suaves) ---
     Calculados desde la marca con color-mix() en vez de inventar
     hex nuevos a mano (mismo patrón que ya usa catalog.css). */
  --bizoxi-primary-hover: color-mix(in srgb, var(--bizoxi-primary) 85%, black);
  --bizoxi-primary-soft: color-mix(in srgb, var(--bizoxi-primary) 35%, white);
  --bizoxi-primary-light: color-mix(in srgb, var(--bizoxi-primary) 14%, white);
  --bizoxi-primary-lighter: color-mix(in srgb, var(--bizoxi-primary) 6%, white);
  --bizoxi-accent-light: color-mix(in srgb, var(--bizoxi-accent) 20%, white);

  /* --- Tipografía --- */
  --font-brand: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-body);
}