/* Homepage type foundation. Loaded only by index.html.
   Stage B: four roles + restricted voice. No compositional devices. */

@font-face{
  font-family:'Playfair Display';
  src:url(/assets/fonts/playfair-display-latin.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url(/assets/fonts/inter-latin.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url(/assets/fonts/inter-latin-500.woff2) format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Big Shoulders Display';
  src:url(/assets/fonts/big-shoulders-display-latin.woff2) format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-editorial:'Playfair Display', Georgia, serif;
  --font-structural:'Big Shoulders Display', 'Arial Narrow', sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --font-system:'JetBrains Mono', ui-monospace, monospace;
  --font-voice:'Caveat', cursive;

  --ed:var(--font-editorial);
  --str:var(--font-structural);
  --bd:var(--font-body);
  --sys:var(--font-system);

  --acc-on-ink:#D3C09A;
  --acc-on-ivory:#8A7448;
  --acc-on-ivory-sm:#7A6639;
  --acc-i:var(--acc-on-ink);
  --acc-d:var(--acc-on-ivory);
  --acc-s:var(--acc-on-ivory-sm);

  --fs-display-xl:clamp(3rem, 9.2vw, 6rem);
  --fs-display-l:clamp(2.4rem, 5.4vw, 4.25rem);
  --fs-display-m:clamp(1.75rem, 3vw, 2.75rem);
  --tr-tight:-.02em;
  --tr-body:-.005em;
  --tr-eyebrow:.18em;
  --tr-signature:.32em;
  --tr-system:.04em;
  --tr-display:-.004em;
}

.home{
  --sans:var(--font-body);
  --mono:var(--font-system);
  font-family:var(--font-body);
}

.home .hero-foot{
  --sans:'Hanken Grotesk', system-ui, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, monospace;
  font-family:var(--sans);
}