/*
 * Reversible typography trial.
 * Remove the font-theme.css <link> from index.html to restore the original
 * type exactly; no base styles depend on this file.
 */

@font-face {
  font-family: "Plumbers Slab";
  src: url("assets/fonts/RobotoSlab-Variable.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: "Plumbers Display";
  src: url("assets/fonts/ArchivoBlack-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Plumbers Work Sans";
  src: url("assets/fonts/BarlowSemiCondensed-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Plumbers Work Sans";
  src: url("assets/fonts/BarlowSemiCondensed-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Plumbers Work Sans";
  src: url("assets/fonts/BarlowSemiCondensed-Black.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

:root {
  --font-work: "Plumbers Work Sans", "Arial Narrow", ui-sans-serif, sans-serif;
  --font-slab: "Plumbers Slab", Rockwell, Georgia, serif;
  --font-display: "Plumbers Display", "Arial Black", sans-serif;
}

body,
button,
input {
  font-family: var(--font-work);
}

h1,
h2,
h3,
.farm-tvl span,
.job-card__title h3,
.cohort-card h3,
.roster-rule h3,
.spec-grid strong,
.wallet-dialog h2 {
  font-family: var(--font-display);
  font-weight: 400;
}

.big-number,
.market-stat strong,
.farm-tvl strong,
.apr-readout strong {
  font-family: var(--font-slab);
}

.hero h1,
.section-heading h2,
.about__statement h2 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.045em;
}

.pressure-strip strong {
  font-family: var(--font-display);
  font-weight: 400;
}

.brand__name,
.main-nav,
.button,
.eyebrow,
.card-kicker,
.stamp,
.market-stat span,
.pressure-strip > div > span,
.apr-readout span,
.job-card__stats span,
.warning-plate strong {
  font-family: var(--font-work);
  font-weight: 900;
}

.hero__lede,
.about__statement > p:last-child,
.cohort-card > p,
.roster-rule p {
  font-size-adjust: 0.52;
}