/* Tokens: palette, type, easing, spacing. Light only. */
@font-face {
  font-family: "Newsreader Fallback";
  src: local("Georgia");
  size-adjust: 97%;
  ascent-override: 93%;
  descent-override: 27%;
  line-gap-override: 0%;
}
:root {
  color-scheme: light;
  --newsprint: #F1EADB;
  --newsprint-deep: #E5DAC3;
  --ink: #171512;
  --ink-soft: #4A453D;
  --rule: #9A9183;
  --ledger-red: #A3221B;
  --ledger-red-tint: #D9A49A;
  --focus: #A3221B;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  --serif: "Newsreader", "Newsreader Fallback", Georgia, "Times New Roman", serif;
  --black: "UnifrakturMaguntia", "Newsreader Fallback", Georgia, serif;

  --gut: 16px;
  --gap: 12px;
  --measure: 1320px;
  --sec: 64px;
  --fs-body: 1.0625rem;
  --fs-label: 0.75rem;
  --fs-cap: 0.8125rem;
  --fs-btn: 0.9375rem;
  --fs-sf: 1.25rem;
  --fs-h1: clamp(2.75rem, 11.5vw, 6.75rem);
  --fs-h2: clamp(2rem, 7.5vw, 4.25rem);
  --fs-h3: 1.375rem;
  --fs-fig: clamp(3rem, 15vw, 7.5rem);
}
@media (min-width: 768px) {
  :root { --gut: 32px; --gap: 20px; --sec: 120px; }
}
@media (min-width: 1024px) {
  :root {
    --gut: 60px; --gap: 24px; --sec: 160px;
    --fs-body: 1.125rem; --fs-label: 0.8125rem; --fs-cap: 0.875rem; --fs-btn: 1rem;
    --fs-sf: 1.625rem; --fs-h3: 1.75rem;
  }
}