/* ============================================================
   ConsigueTuPropiaWeb — tipografía y paleta Pizarra
   Todas las páginas cargan este fichero (también la 404, que no usa styles.css).

   Tipografía común a todo el sitio: Fraunces en los titulares (desde
   redesign-marketing-site-9, en lugar de Poppins) y DM Sans en el texto, autoalojadas (OFL
   1.1, licencias y procedencia en /fonts/), subconjunto latin.
   --titulares y --sans se declaran una sola vez, en :root.

   Fraunces: dos ficheros variables (peso 400-700), uno recto y otro cursivo, los que ya tuvo el
   proyecto (mismas huellas, ver /fonts/PROCEDENCIA.txt). Cada @font-face declara el tramo de
   peso y el estilo que contiene su fichero, así que los titulares (400), la marca (600) y los
   acentos en cursiva (titular del héroe, nota del calendario) usan caras reales, sin negrita ni
   oblicua sintéticas. No se ajustan métricas para imitar a Poppins: el texto se redistribuye
   con las de Fraunces.

   DM Sans conserva las caras de redesign-marketing-site-7 (dos tramos de peso con sus
   size-adjust y overrides de métrica, sin cambios).

   Pizarra se aplica en :root, también sin JavaScript y sin consultar preferencias guardadas.
   ============================================================ */

/* --- Tipografía común: Fraunces (titulares) y DM Sans (texto) --- */

@font-face {
  /* Fraunces recta: fichero variable, pesos 400-700. */
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/fraunces-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  /* Fraunces cursiva: fichero variable, pesos 400-700. */
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/fraunces-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  /* n500 · glifos */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 1 599;
  font-display: swap;
  src: url('/fonts/dm-sans-normal-latin.woff2') format('woff2');
  size-adjust: 105.2%;
  ascent-override: 99.809886%;
  descent-override: 33.269962%;
  line-gap-override: 9.505703%;
  unicode-range: U+0000-001F, U+0021-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  /* n500 · espacio */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 1 599;
  font-display: swap;
  src: url('/fonts/dm-sans-normal-latin.woff2') format('woff2');
  size-adjust: 132.55%;
  ascent-override: 79.21539%;
  descent-override: 26.40513%;
  line-gap-override: 7.544323%;
  unicode-range: U+0020;
}

@font-face {
  /* n700 · glifos */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600 1000;
  font-display: swap;
  src: url('/fonts/dm-sans-normal-latin.woff2') format('woff2');
  size-adjust: 104.25%;
  ascent-override: 100.719424%;
  descent-override: 33.573141%;
  line-gap-override: 9.592326%;
  unicode-range: U+0000-001F, U+0021-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  /* n700 · espacio */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600 1000;
  font-display: swap;
  src: url('/fonts/dm-sans-normal-latin.woff2') format('woff2');
  size-adjust: 95.91%;
  ascent-override: 109.477635%;
  descent-override: 36.492545%;
  line-gap-override: 10.426441%;
  unicode-range: U+0020;
}

:root {
  --titulares: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sans: 'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* --- Pizarra: gris frío y azul acero, única paleta del sitio --- */
:root {
  --papel: #edf0f2;
  --papel-hondo: #dde3e7;
  --panel: #f8fafb;
  --linea: #c9d1d8;
  --linea-fuerte: #6d7b87;
  --tinta: #242e37;
  --tinta-suave: #414e5a;
  --tinta-tenue: #52616e;
  --acento: #365c78;
  --acento-hondo: #28465e;
  --acento-claro: #cbdce7;
  --sobre-tinta: #f8fafb;
  --sobre-tinta-tenue: #c5d0d9;
  --campo: #ffffff;
  --exito: #325c48;
  --sombra: #242e37;
  --esquema: light;
}

:root {
  /* El cierre y su ilustración siguen la paleta Pizarra. */
  --cierre-fondo: var(--tinta);
  --cierre-texto: var(--sobre-tinta);
  --cierre-tenue: var(--sobre-tinta-tenue);
  --cierre-linea: color-mix(in srgb, var(--sobre-tinta) 25%, var(--tinta));
  --cierre-acento: var(--acento);
  --cierre-telefono: color-mix(in srgb, var(--tinta) 20%, var(--sobre-tinta));
}