/*
  Las constantes del sitio. Una sola nota de color —el azul de la marca— sobre
  una escala de negros. El resto del diseno lo hace el espacio y el tipo, no la
  paleta: en una pagina oscura cada color de mas se ve como ruido.
*/
:root {
  --ink:        #04050A;   /* el negro sobre el que se apoya todo */
  /* El mismo negro con alfa cero. Es lo que hay que usar en los degradados en
     lugar de `transparent`: la palabra clave `transparent` es negro puro con
     alfa cero, asi que un degradado que va de este negro a `transparent` pasa
     por negro puro y oscurece de mas. Sobre un fondo oscuro eso se ve como una
     linea en el borde. */
  --ink-0:      rgba(4, 5, 10, 0);
  --ink-2:      #090B12;
  --ink-3:      #10131C;
  --line:       #1B1F2B;

  --paper:      #FFFFFF;
  --text:       #EAECF2;
  --text-2:     #9AA0B0;
  /* Gris apagado, pero legible. Estaba en #5F6575, que sobre este negro da 3.50
     de contraste: por debajo del 4.5 que pide la norma para texto normal, y lo
     usaban la bajada de la apertura y el pie. #7C8296 da 5.32 y sigue leyendose
     como secundario, que es lo que tiene que hacer. */
  --text-3:     #7C8296;

  --brand:      #1A4C9C;   /* el azul oficial, el del logo */
  --brand-lift: #2E6BD0;   /* solo para brillos y bordes iluminados */

  --w:          1200px;
  --pad:        clamp(20px, 5vw, 56px);

  /* Una sola curva para todo lo que se mueve. Mezclar easings hace que la
     pagina se sienta armada por partes distintas. */
  --ease:       cubic-bezier(.22, 1, .36, 1);

  /* Un centesimo del alto chico de la ventana, con respaldo. Es para las
     variables y para las declaraciones que tambien usan var(): una
     declaracion normal con svh lleva delante su copia en vh, pero lo que
     contiene var() no se valida hasta que se usa, y en un navegador sin svh la
     copia de respaldo queda pisada por un valor que despues no sirve (el
     padding quedaba en cero y las secciones se montaban una sobre otra). */
  --svh:        1vh;
}
@supports (height: 1svh) { :root { --svh: 1svh; } }