/* ─────────────────────────────────────────────────────────────
   Marca iBOTicario: colores de TODAS las apps (decidido 20-10-2026, PLATAFORMA §Marca y diseño).
   - Oficiales (del logo): celeste #3DD2F7, azul #103063, gris #666666. Todas las apps usan estos y sus variaciones.
   - Las pantallas NUNCA usan un color escrito a mano: usan los ROLES (--color-…). Cambiar la paleta, un tema o un
     acento en el futuro = cambiar este archivo (o un [data-tema]), sin tocar las pantallas.
   - Escala 50–900 calculada mezclando el oficial (500) con blanco (más claro) o negro (más oscuro).
   ───────────────────────────────────────────────────────────── */
:root {
  /* Oficiales */
  --ibot-celeste: #3DD2F7;
  --ibot-azul: #103063;
  --ibot-gris: #666666;
  --ibot-blanco: #FFFFFF;
  --ibot-negro: #000000;

  /* Variaciones */
  --ibot-celeste-50: #EFFBFE;
  --ibot-celeste-100: #DCF7FE;
  --ibot-celeste-200: #B9EFFC;
  --ibot-celeste-300: #94E6FB;
  --ibot-celeste-400: #68DCF9;
  --ibot-celeste-500: #3DD2F7;
  --ibot-celeste-600: #34B2D2;
  --ibot-celeste-700: #2B93AD;
  --ibot-celeste-800: #227488;
  --ibot-celeste-900: #185463;
  --ibot-azul-50: #ECEEF3;
  --ibot-azul-100: #D4DAE3;
  --ibot-azul-200: #A9B4C7;
  --ibot-azul-300: #7C8DA9;
  --ibot-azul-400: #455E85;
  --ibot-azul-500: #103063;
  --ibot-azul-600: #0E2954;
  --ibot-azul-700: #0B2245;
  --ibot-azul-800: #091A36;
  --ibot-azul-900: #061328;
  --ibot-gris-50: #F3F3F3;
  --ibot-gris-100: #E3E3E3;
  --ibot-gris-200: #C8C8C8;
  --ibot-gris-300: #ABABAB;
  --ibot-gris-400: #888888;
  --ibot-gris-500: #666666;
  --ibot-gris-600: #575757;
  --ibot-gris-700: #474747;
  --ibot-gris-800: #383838;
  --ibot-gris-900: #292929;
  /* Estados (no son de la marca: significan algo; iguales en todas las apps) */
  --ibot-ok: #1F9D55;
  --ibot-aviso: #D97706;
  --ibot-error: #B42318;

  /* ── Roles: lo único que usan las pantallas ── */
  --color-primario: var(--ibot-azul-500);        /* barra superior, títulos, botón principal */
  --color-primario-hover: var(--ibot-azul-600);
  --color-acento: var(--ibot-celeste-500);       /* destacados, íconos, foco, enlaces sobre fondo oscuro */
  --color-acento-suave: var(--ibot-celeste-50);  /* fondos de selección y avisos informativos */
  --color-texto: var(--ibot-azul-800);
  --color-texto-suave: var(--ibot-gris-500);
  --color-borde: var(--ibot-gris-100);
  --color-fondo: #EEF2F6;                        /* fondo de la app */
  --color-superficie: var(--ibot-blanco);        /* tarjetas, tablas, diálogos */
  --color-sobre-primario: var(--ibot-blanco);    /* texto encima de --color-primario */
  --color-ok: var(--ibot-ok);
  --color-aviso: var(--ibot-aviso);
  --color-error: var(--ibot-error);

  /* Roles agregados el 21-10-2026 (Compras 0.24.0, al migrar sus colores escritos a mano) */
  --color-primario-oscuro: var(--ibot-azul-700);   /* fondos más oscuros que la barra (franjas, hover fuerte) */
  --color-fondo-suave: #F4F7FB;                   /* fondo de zonas dentro de una tarjeta, filas alternas */
  --color-borde-fuerte: #C5CFDA;                  /* bordes de campos y botones */
  --color-texto-tenue: #98A2B3;                   /* ayudas, marcas de agua, deshabilitado */
  --color-acento-texto: var(--ibot-celeste-800);  /* texto/íconos celestes sobre fondo claro (se lee) */
  --color-acento-borde: var(--ibot-celeste-300);
  --color-ok-texto: #1F5E37;                      /* texto verde sobre fondo claro */
  --color-ok-suave: #EAF7EF;                      /* fondo de avisos «listo», chips verdes */
  --color-ok-borde: #9FD9B4;
  --color-aviso-texto: #8A5300;
  --color-aviso-suave: #FFF6E6;
  --color-aviso-borde: #F0C977;
  --color-error-texto: #8F1D1D;
  --color-error-suave: #FDEEEE;
  --color-error-borde: #F3C2C2;

  /* Pantalla de ingreso de todas las apps (decidido 23-10-2026, PLATAFORMA §6c) */
  --color-ingreso-fondo: #EEF6FA;                 /* fondo celeste muy claro de la pantalla */
  --color-ingreso-cinta: var(--ibot-celeste-300); /* cintas que giran dentro del aro (suaves, no llaman la atención) */

  /* Tipografía */
  --fuente-titulos: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, sans-serif;
  --fuente-texto: "IBM Plex Sans", system-ui, sans-serif;
  --fuente-codigo: "IBM Plex Mono", ui-monospace, monospace;
  /* Nombre escrito «iBOTicario» (decidido 23-10-2026, igual que el logo): «i» e «icario» Poppins SemiBold 600, «BOT»
     Poppins ExtraBold 800. Solo para el nombre; títulos y textos siguen con las de arriba. */
  --fuente-marca: "Poppins", "Plus Jakarta Sans Variable", system-ui, sans-serif;
}

/* Temas: solo cambian ROLES. Se eligen con <html data-tema="…"> (Configuración, más adelante).
   Ejemplo de cómo se agrega uno; no está activo todavía. */
[data-tema="alto-contraste"] {
  --color-texto: var(--ibot-negro);
  --color-texto-suave: var(--ibot-gris-700);
  --color-borde: var(--ibot-gris-300);
  --color-acento: var(--ibot-celeste-800);
}