/* CSS global para forzar Google Sans Flex en toda la plataforma */

/* Fuente variable local: Google Sans Flex */
@font-face {
  font-family: "Google Sans Flex";
  src: url("../../fonts/Google Sans Flex.woff2") format("woff2"),
       url("../../fonts/Google Sans Flex.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Variables globales para unificar tipografía */
:root {
  --app-font-family: "Google Sans Flex", "Google Sans", "Helvetica Neue", sans-serif;
  /* Sobrescribir variables usadas por estilos existentes */
  --font-primary: var(--app-font-family);
  --font-secondary: var(--app-font-family);
  --font-family-base: var(--app-font-family);
}

/* Aplicación global con prioridad alta sin romper icon fonts */
html,
body {
  font-family: var(--app-font-family) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Elementos de UI comunes */
body, p, h1, h2, h3, h4, h5, h6,
small, strong, em, a, li, dt, dd,
label, input, textarea, select, button,
table, th, td, .button, .nav-icon, .mobile-nav-item,
.gemini-title, .title, .formatted-content {
  font-family: var(--app-font-family) !important;
}

/* Regla amplia para cubrir la mayoría de elementos sin afectar icon fonts ni monospace */
body :not(code):not(pre):not(kbd):not(samp):not(.material-symbols-rounded):not(.material-icons):not(.material-icons-round):not(.material-icons-outlined):not(.material-icons-sharp) {
  font-family: var(--app-font-family) !important;
}

/* Conservar tipografías monoespaciadas para código */
code, pre, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* No interferir con Material Icons/Symbols */
.material-symbols-rounded,
.material-icons,
.material-icons-round,
.material-icons-outlined,
.material-icons-sharp {
  font-family: "Material Symbols Rounded" !important;
  font-feature-settings: "liga";
}