@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --papel:#F6F2EA; --papel-alto:#FBF9F5;
  --carbon:#1A1A18; --tinta-2:#5C5A54; --tinta-2-osc:#A8A49A;
  --linea:#DCD6C9; --linea-osc:#34342F;

  --carbon-profundo:#0D0D0B; --carbon-2:#2C2C29; --carbon-3:#3F3F3C;

  --acento-700:#8F4E22; --acento-600:#A25A28; --acento-500:#B0713A;
  --acento-400:#C2864A; --acento-300:#D6A574;

  --font-serif:'Newsreader','Source Serif 4',Georgia,serif;
  --font-sans:'Schibsted Grotesk','Archivo',-apple-system,'Segoe UI',Arial,sans-serif;

  --dl-style:normal;
  --dl-weight:500;
  --dl-size:13.5px;
  --dl-tracking:.1em;
  --dl-transform:uppercase;
}
.cifra{font-family:var(--font-serif);font-weight:600;font-size:120px;line-height:.9;
       letter-spacing:-.03em;font-variation-settings:'opsz' 72;
       font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;
       color:var(--acento-500)}
.label{font-family:var(--font-sans);font-weight:600;font-size:11px;
       letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.label-diagrama{font-family:var(--font-sans);font-style:var(--dl-style);font-weight:var(--dl-weight);
       font-size:var(--dl-size);letter-spacing:var(--dl-tracking);text-transform:var(--dl-transform);
       line-height:1.5;color:var(--tinta-2)}
.on-carbon .cifra{color:var(--acento-400)}
.on-carbon .label{color:var(--tinta-2-osc)}
.on-carbon .label-diagrama{color:var(--tinta-2-osc)}
body{font-family:var(--font-sans);font-size:16px;line-height:1.55;
     background:var(--papel);color:var(--carbon)}
h1,h2,h3{font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em}
table,.dato{font-feature-settings:'tnum' 1}
