/*
 * 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: la web funciona igual en
 * cualquier dominio o subcarpeta.
 */
@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;
}

/* Bebas Neue (SIL Open Font License): la letra de los titulos del cartel del
   acto. Solo para titulares en mayusculas; el texto sigue en Sohne. */
@font-face {
  font-family: "Bebas Neue";
  src: url("../assets/fonts/bebas-neue.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Azul oficial PP / NNGG. */
  --blue: #1e4a90;
  --blue-bright: #2558b1;
  --blue-soft: #6f90c9;
  --blue-deep: #153367;
  --blue-night: #0c1c39;
  /* Para transparencias: rgba(var(--blue-rgb), .14). */
  --blue-rgb: 30, 74, 144;
  --blue-night-rgb: 12, 28, 57;
  --ink: #112952;
  --white: #ffffff;
  --muted: #a2b4d2;
  --muted-ink: #4f6386;
  --paper: #f6f8fb;
  --paper-2: #e7edf5;
  --danger: #c8323b;
  --success: #1f8a54;
  /* Fondo de la inscripcion: el azul oficial y el mismo tono mas oscuro. */
  --pp-blue: var(--blue);
  --pp-blue-deep: #14305e;
  /* Paleta del cartel del acto (fondo marino y azul cielo de "DANCAUSA"). */
  --navy: #243856;
  --navy-deep: #16233a;
  --sky: #7bcce8;
  --sky-muted: #b9d3e6;
  --danger-light: #ffb3b8;
  --font: "Sohne", Arial, Helvetica, sans-serif;
  --display: "Bebas Neue", "Arial Narrow", Impact, 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;
}