/*
 * Söhne — tipografía oficial de NNGG (Klim Type Foundry).
 * Disponibles Leicht (300), Buch (400) y Kräftig (500). No hay Halbfett, así
 * que 500 es el peso más fuerte: no se piden 700 ni 800 en ningún sitio, y
 * font-synthesis: none evita que el navegador se invente un negrita.
 *
 * Las rutas son relativas a este fichero para que la web funcione igual en
 * usuario.github.io/nnggalicante/ que en un dominio propio.
 */
@font-face {
  font-family: "Sohne";
  src: url("../assets/fonts/sohne-leicht.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sohne";
  src: url("../assets/fonts/sohne-buch.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sohne";
  src: url("../assets/fonts/sohne-kraftig.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Azul oficial NNGG. Todo el resto de la gama se deriva de el:
     mismo tono (218 deg) y misma saturacion, variando solo la luminosidad. */
  --blue: #1c4387;
  --blue-bright: #2558b1;
  --blue-soft: #6f90c9;
  --blue-deep: #153367;
  --blue-night: #0c1c39;
  --ink: #112952;
  --white: #ffffff;
  --muted: #a2b4d2;
  --muted-ink: #4f6386;
  --paper: #f6f8fb;
  --paper-2: #e7edf5;
  --danger: #c8323b;
  --success: #1f8a54;
  --font: "Sohne", Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font); font-synthesis: none; }
button, input, textarea, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}