/* Marca Bernal Dental sobre Twenty. Va fuera de @layer, así que gana a los
   tokens de twenty-ui (que están en @layer twenty-ui). Colores de la web
   bernaldentalclinic.com: azul #164D67, secundario #4A7589, acento #88B6C8. */

.light {
  --t-accent-primary: #c0dae5;
  --t-accent-secondary: #c0dae5;
  --t-accent-tertiary: #e3eff4;
  --t-accent-quaternary: #f0f7fa;
  --t-accent-accent3570: #6a9db3;
  --t-accent-accent4060: #6a9db3;
  --t-accent-accent1: #f7fafb;
  --t-accent-accent2: #f0f7fa;
  --t-accent-accent3: #e3eff4;
  --t-accent-accent4: #d3e6ee;
  --t-accent-accent5: #c0dae5;
  --t-accent-accent6: #a8cbda;
  --t-accent-accent7: #88b6c8;
  --t-accent-accent8: #6a9db3;
  --t-accent-accent9: #164d67;
  --t-accent-accent10: #12435a;
  --t-accent-accent11: #1f5a75;
  --t-accent-accent12: #0d2f3f;
  --t-border-color-blue: #88b6c8;
  --t-background-transparent-blue: #164d6714;

  /* El «azul» de Twenty (botón Crear, foco de campos, enlaces) pasa a ser el de Bernal */
  --t-color-blue: #164d67;
  --t-color-blue1: #f7fafb;
  --t-color-blue2: #f0f7fa;
  --t-color-blue3: #e3eff4;
  --t-color-blue4: #d3e6ee;
  --t-color-blue5: #c0dae5;
  --t-color-blue6: #a8cbda;
  --t-color-blue7: #88b6c8;
  --t-color-blue8: #6a9db3;
  --t-color-blue9: #164d67;
  --t-color-blue10: #12435a;
  --t-color-blue11: #1f5a75;
  --t-color-blue12: #0d2f3f;

  --t-background-secondary: #f5f9fb;
  --t-background-primary-inverted: #164d67;
  --t-background-primary-inverted-hover: #1f5a75;
}

.dark {
  --t-accent-accent8: #4a7589;
  --t-accent-accent9: #88b6c8;
  --t-accent-accent10: #a8d4e6;
  --t-accent-accent11: #a8d4e6;
  --t-border-color-blue: #4a7589;
  --t-background-transparent-blue: #88b6c81f;
}

/* Aviso «Agente de IA pendiente de conectar» (lo marca bernal.js) */
.enigma-aviso,
.enigma-aviso * {
  background: #f0f7fa !important;
  color: #164d67 !important;
}

/* Firma en las pantallas de acceso (la pone bernal.js) */
#enigma-firma {
  bottom: 20px;
  color: #6b7280;
  font: 12px/1.4 Inter, sans-serif;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
}

#enigma-firma a {
  color: #164d67;
  font-weight: 500;
  text-decoration: none;
}