/* Hanken Grotesk ships as one variable font: a single file covers 400-800. */
@font-face {
  font-family: "LI Hanken";
  src: url("/public/fonts/brand/hanken.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LI Instrument";
  src: url("/public/fonts/brand/instrument-serif-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LI Mono";
  src: url("/public/fonts/brand/dm-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LI Mono";
  src: url("/public/fonts/brand/dm-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --li-verde: #1e4d3b;
  --li-crema: #f3efe4;
  --li-papel: #fbfaf6;
  --li-terracota: #d9694a;
  --li-terra-claro: #ee9a7d;
  --li-salvia: #a9cdb0;
  --li-verde-medio: #3a775c;
  --li-tinta: #0b1a14;
  --li-linea: rgba(30, 77, 59, 0.16);
  --li-sans: "LI Hanken", Arial, sans-serif;
  --li-serif: "LI Instrument", Georgia, serif;
  --li-mono: "LI Mono", "Courier New", monospace;
}
.li-wordmark {
  font-family: var(--li-sans);
  font-weight: 400;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: var(--li-verde);
}
.li-wordmark[data-tone="crema"] {
  color: var(--li-crema);
}
.li-wordmark b {
  font-weight: 800;
}