/**
 * Variables CSS para Buscador AI
 * Este archivo contiene todas las variables CSS personalizadas utilizadas en el plugin.
 * Estas variables definen la paleta de colores y otros valores reutilizables.
 */

/* ==========================================
   VARIABLES DE COLOR
   ========================================== */

:root {
  /* Primarios */
  --pkf-azul: #0F3780;
  --pkf-azul-oscuro: #0A2555;

  /* Secundarios día/noche */
  --pkf-cian: #0EB4DA;
  --pkf-cian-oscuro: #099BBF;
  --pkf-lima: #CADA4F;
  --pkf-lima-oscuro: #A9B946;
  --pkf-verde: #57B33E;
  --pkf-verde-oscuro: #388E27;

  /* Secundarios (oscuros) */
  --pkf-verde-bosque: #394E13;
  --pkf-verde-bosque-oscuro: #202D09;
  --pkf-morado: #53185F;
  --pkf-morado-oscuro: #390C42;
  --pkf-fucsia: #BF388C;
  --pkf-fucsia-oscuro: #A42775;

  /* Secundarios (cálidos) */
  --pkf-rojo: #E42725;
  --pkf-rojo-oscuro: #AE2821;
  --pkf-naranja: #F26E1E;
  --pkf-naranja-oscuro: #D24E12;
  --pkf-amarillo: #FFC72E;
  --pkf-amarillo-oscuro: #E1AB16;

  /* Neutrales */
  --pkf-gris: #7B7F84;
  --pkf-beige: #F2EFE7;
  --pkf-blanco: white;
  --pkf-gris-oscuro: #5A5A5A;
  --pkf-gris-calido: #D7D4CB;
  --pkf-gris-claro: #E8E8E8;

  /* Tipografía */
  --buscador-ai-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --buscador-ai-admin-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --buscador-ai-chat-messages-font-size-mobile: 14px;
  --buscador-ai-chat-messages-font-size-tablet: 16px;
  --buscador-ai-chat-messages-font-size-desktop: 16px;
  --buscador-ai-chat-messages-font-size: var(--buscador-ai-chat-messages-font-size-desktop);
}

@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --buscador-ai-chat-messages-font-size: var(--buscador-ai-chat-messages-font-size-tablet);
  }
}

@media (max-width: 768px) {
  :root {
    --buscador-ai-chat-messages-font-size: var(--buscador-ai-chat-messages-font-size-mobile);
  }
}