/* =============================================================================
   WaterProof WEB — Reset + tipografía base. Depende de tokens.css.
   ========================================================================== */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

html { -webkit-text-size-adjust:100%; }

body {
  font-family:var(--wp-font-body);   /* cuerpo = Inter */
  font-size:var(--fs-md);
  line-height:1.5;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1, h2, h3, h4, h5, h6 { font-family:var(--wp-font); font-weight:700; line-height:1.2; color:var(--primary-900); }
h1 { font-size:var(--fs-h1); }
h2 { font-size:var(--fs-3xl); }
h3 { font-size:var(--fs-2xl); }
h4 { font-size:var(--fs-xl); }
h5 { font-size:var(--fs-lg); }

p { margin:0; }

a { color:var(--blue); text-decoration:none; }
a:hover { text-decoration:underline; }

img, svg { display:block; max-width:100%; }
button { font-family:inherit; cursor:pointer; }
ul, ol { list-style:none; }

:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }