:root {
  --font-heading: "Archivo", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-serif: "Newsreader", Georgia, Times New Roman, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/type/archivo-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/type/archivo-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/uploads/type/archivo-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/type/inter-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/type/inter-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/type/newsreader-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/type/newsreader-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/type/newsreader-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/type/newsreader-variable.ttf") format("truetype");
}
:root {
  --ink: hsla(222.86, 17.07%, 8.04%, 1);
  --ink-2: hsla(216.92, 9.92%, 25.69%, 1);
  --ink-3: hsla(216.92, 6.4%, 39.8%, 1);
  --paper: hsla(40, 47.37%, 96.27%, 1);
  --paper-2: hsla(40, 36.59%, 91.96%, 1);
  --line: hsla(39.13, 25.84%, 82.55%, 1);
  --brand: hsla(4, 75.63%, 53.33%, 1);
  --brand-deep: hsla(3.43, 75.27%, 36.47%, 1);
  --azul: hsla(218.98, 68.84%, 39.02%, 1);
  --azul-deep: hsla(218.86, 69.54%, 29.61%, 1);
  --teal: hsla(170.73, 79.71%, 27.06%, 1);
  --teal-deep: hsla(170.82, 80.95%, 20.59%, 1);
  --ambar: hsla(41.19, 100%, 39.41%, 1);
  --ambar-deep: hsla(40.87, 100%, 27.06%, 1);
  --cian: hsla(187.5, 84.21%, 29.8%, 1);
  --cian-deep: hsla(187.27, 87.61%, 22.16%, 1);
  --violeta: hsla(267.22, 43.5%, 43.73%, 1);
  --violeta-deep: hsla(267.27, 44.51%, 33.92%, 1);
  --magenta: hsla(336.35, 77.98%, 42.75%, 1);
  --magenta-deep: hsla(335.91, 80.89%, 30.78%, 1);
}