/* Perú Pendiente · tokens
   Los colores y la letra que comparten la guía de marca, la barra de navegación
   y los prototipos de la web. */

:root {
  color-scheme: light;

  /* Marca */
  --amarillo: #FFE600;   /* acento y acción; texto negro encima */
  --negro:    #000000;   /* negro puro: texto, logo, fondos oscuros */
  --papel:    #FFFFFF;   /* el fondo de todo: no usamos crema */

  /* Campaña */
  --rosa:     #F25595;
  --naranja:  #F78D03;
  --verde:    #1DBA69;   /* marca la campaña activa en la barra */

  /* Apoyo */
  --linea:    #E2E2DA;   /* separador suave */
  --linea2:   #C9C9C0;   /* borde de un recuadro */
  --tenue:    #6B6F6E;   /* texto secundario */

  /* Letra. La de marca es de pago y no se publica aquí: se pide por nombre y la pone
     quien la tenga (instalada, o servida por el sitio). Si no está, cae a la de al lado. */
  --sans:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --titulo:  "Graphik", var(--sans);                     /* títulos, botones y cifras */
  --lectura: "Guardian TextEgyp", Georgia, serif;         /* bajadas y párrafos */

  /* Esquinas: todo va redondeado. Nada de esquinas rectas ni cortadas en diagonal. */
  --radio:         8px;    /* botones, campos y piezas chicas */
  --radio-tarjeta: 16px;   /* tarjetas y recuadros */
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--papel);
  color: var(--negro);
  font-family: var(--sans);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

[hidden] { display: none !important; }