/* public/css/roboto.css */

/* Opción: variable “base” por si algún componente la respeta */
:root {
  --font-family-base: 'Roboto', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* Base global */
html, body, .content-wrapper,
.sidebar, .main-header, .main-footer,
.nav, .nav-sidebar .nav-link,
.brand-link, .brand-text,
.table, .card, .card-title,
.form-control, .custom-select, .btn,
.dropdown-menu, .modal, .badge, .small-box,
.info-box, .info-box-text, .info-box-number {
  font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif !important;
}

/* Títulos ligeramente más marcados en Roboto */
h1, h2, h3, h4, h5, h6,
.card-title, .content-header h1 {
  font-weight: 500; /* Ajusta a 500/700 si prefieres */
}

/* (Opcional) Suavizado en algunos navegadores */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}