/*
 * ¡Como Vos Queráis! — TEMA (identidad visual)
 *
 * Este es el ÚNICO lugar donde se definen colores, tipografías y medidas de la marca.
 * Lo usan el sitio público, el editor de tu tío y TODAS las ediciones (también las viejas).
 * Cambia un valor aquí y cambia en todas partes.
 */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;700;800&family=Great+Vibes&family=Libre+Baskerville:wght@400;700&family=Oswald:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap");

:root {
  /* Colores de la marca (tomados del afiche) */
  --cvq-azul: #0f2a55;          /* azul marino de cintas y barras */
  --cvq-azul-profundo: #071a33; /* fondo del sitio */
  --cvq-azul-texto: #173d8f;    /* frases destacadas */
  --cvq-rojo: #a3161b;          /* "¡COMO VOS QUERÁIS!" */
  --cvq-dorado: #e0b44a;        /* líneas y adornos */
  --cvq-papel: #f4e7c6;         /* pergamino */
  --cvq-papel-borde: #dcc48e;
  --cvq-tinta: #1c1a17;         /* texto principal */
  --cvq-gris: #5b6478;
  --cvq-rojo-seccion: #c8102e;  /* barras de sección rojas */
  --cvq-azul-seccion: #1d3f7a;  /* barras de sección azules */
  --cvq-verde-seccion: #1f7a3f;
  --cvq-amarillo: #f6c331;

  /* Tipografías */
  --cvq-fuente-titular: "Playfair Display", Georgia, serif;
  --cvq-fuente-texto: "Source Serif 4", Georgia, serif;
  --cvq-fuente-etiqueta: "Oswald", "Arial Narrow", sans-serif;
  --cvq-fuente-versalita: "Libre Baskerville", Georgia, serif;
  --cvq-fuente-firma: "Great Vibes", cursive;
  --cvq-fuente-impacto: "Anton", "Oswald", Impact, sans-serif;      /* titulares de portada */
  --cvq-fuente-condensada: "Roboto Condensed", "Arial Narrow", sans-serif; /* bajadas, secciones */

  /* Medidas */
  --cvq-ancho-edicion: 1100px;  /* ancho máximo de una edición, como la hoja del periódico */
  --cvq-radio: 10px;
  --cvq-espacio: clamp(14px, 2.4vw, 24px);
}