/**
 * css/base.css
 * Reinicio de estilos, tipografía general y reglas de accesibilidad
 * (foco visible y atributo hidden).
 */

/* Todos los elementos miden incluyendo borde y relleno, sin márgenes por defecto */
* {
  box-sizing: border-box;
  margin: 0;
}
/* Fuente y colores generales de la página */
body {
  font-family: 'DM Sans', system-ui, sans-serif;
  background: var(--paper);
  color: var(--ink);
  min-height: 100vh;
  font-size: 15px;
}
/* Títulos con la fuente de la marca */
h1,
h2,
h3,
.brand {
  font-family: 'Bricolage Grotesque', 'DM Sans', sans-serif;
}
/* Los controles heredan la fuente */
button,
input,
select {
  font: inherit;
  color: inherit;
}
/* hidden siempre oculta (lo usa JavaScript para mostrar y ocultar pantallas) */
[hidden] {
  display: none !important;
}
/* Foco visible al navegar con teclado */
:focus-visible {
  outline: 3px solid var(--mint);
  outline-offset: 2px;
}