/* =====================
   FUENTES
===================== */

@font-face {
  font-family: "Inter";
  src: url("../Fonts/Inter-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM-Plex-Mono";
  src: url("../Fonts/IBMPlexMono-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space-Grotesk";
  src: url("../Fonts/SpaceGrotesk-Variable.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* Fuentes de Raw, portadas a self-hosted */

@font-face {
  font-family: "Unbounded";
  src: url("../Fonts/Unbounded-Variable.woff2") format("woff2-variations");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("../Fonts/Outfit-Variable.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bricolage-Grotesque";
  src: url("../Fonts/BricolageGrotesque-Variable.woff2") format("woff2-variations");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM-Mono";
  src: url("../Fonts/DMMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM-Mono";
  src: url("../Fonts/DMMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/* =====================
   BASE TIPOGRÁFICA
===================== */

body {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.30;
  letter-spacing: -0.015em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* =====================
   HEADINGS
===================== */

h1,
h2,
.title,
.logo {
  font-family: "Space-Grotesk", system-ui, sans-serif;
  letter-spacing: -0.03em;
}

h1 {
  font-weight: 700;
}

h2 {
  font-weight: 700;
}


/* =====================
   TEXTO
===================== */

p {
  font-weight: 400;
}

small,
.caption {
  font-size: 0.8rem;
  font-weight: 400;
}


/* =====================
   MONO / UI TÉCNICA
===================== */

.misc,
.badge,
.code,
.status,
kbd {
  font-family: "IBM-Plex-Mono", monospace;
  font-weight: 600;
  letter-spacing: -0.02em;
}