/*
 * Identidad JUVO sobre Chatwoot. Se carga con la configuración DASHBOARD_SCRIPTS;
 * no se modifica el código de Chatwoot. Mantenerla corta: cada regla de aquí hay que
 * revisarla al subir de versión (ver e2e/tema.spec.ts).
 */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');

/* Escala de azul de Chatwoot → azul JUVO (#1C75B0). Los valores son tripletas RGB. */
:root {
  --blue-1: 250 253 255;
  --blue-2: 242 248 252;
  --blue-3: 229 241 249;
  --blue-4: 212 231 244;
  --blue-5: 192 219 238;
  --blue-6: 166 203 229;
  --blue-7: 132 182 217;
  --blue-8: 87 154 202;
  --blue-9: 28 117 176;
  --blue-10: 23 101 151;
  --blue-11: 19 92 140;
  --blue-12: 13 39 51;
  --solid-blue: 212 231 244;
  --border-blue: 28, 117, 176, 0.5;
  --border-blue-strong: 13 39 51;
}

.dark {
  --blue-9: 46 139 201;
  --blue-10: 28 117 176;
  --blue-11: 125 190 232;
  --blue-12: 205 230 245;
  --border-blue: 46, 139, 201, 0.5;
}

/* El color de marca de Chatwoot está compilado fijo (#2781F6); se repinta por clase. */
.bg-n-brand,
.hover\:bg-n-brand:hover {
  background-color: #1c75b0 !important;
}
.text-n-brand,
.hover\:text-n-brand:hover {
  color: #1c75b0 !important;
}
.border-n-brand,
.focus\:border-n-brand:focus,
.focus-within\:border-n-brand:focus-within {
  border-color: #1c75b0 !important;
}
.outline-n-brand,
.focus\:outline-n-brand:focus,
.focus-visible\:outline-n-brand:focus-visible {
  outline-color: #1c75b0 !important;
}
.ring-n-brand,
.focus\:ring-n-brand:focus {
  --tw-ring-color: #1c75b0 !important;
}
[class~='bg-n-brand/5'] {
  background-color: rgb(28 117 176 / 0.05) !important;
}
[class~='bg-n-brand/10'] {
  background-color: rgb(28 117 176 / 0.1) !important;
}
[class~='bg-n-brand/20'] {
  background-color: rgb(28 117 176 / 0.2) !important;
}
.dark .text-n-brand {
  color: #7dbee8 !important;
}

/* Tipografía JUVO. */
html,
body,
.font-inter {
  font-family:
    'Montserrat',
    -apple-system,
    system-ui,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}
.font-interDisplay,
h1,
h2 {
  font-family: 'Sora', 'Montserrat', system-ui, sans-serif !important;
}

/* «Solo chat»: lo que theme.js marca como fuera de alcance para el día a día. */
[data-juvo-oculto] {
  display: none !important;
}