/* ==========================================================================
   fonts.css  |  switchable font sets
   Choose in config.js (font: "editorial" | "classic" | "soft") or preview
   with ?font=classic on the address. When one is final, delete the families
   it does not use from the Google Fonts link in index.html.

   --font-display  headings, numerals       --font-body   reading text
   --font-names    the couple's names       --names-style normal or italic
   --names-scale   size multiplier          --names-leading / --names-tracking
   ========================================================================== */

/* editorial: one tall, tight display serif and a quiet grotesque */
[data-font="editorial"] {
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-names: "Instrument Serif", Georgia, serif;
  --names-style: normal;
  --names-scale: 1;
  --names-leading: 0.84;
  --names-tracking: -0.035em;
}

/* classic: Roman headings with a flowing script for the names */
[data-font="classic"] {
  --font-display: "Gilda Display", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-names: "Allura", "Gilda Display", cursive;
  --names-style: normal;
  --names-scale: 1.15;
  --names-leading: 0.95;
  --names-tracking: 0;
}

/* soft: one warm variable serif, names in italic */
[data-font="soft"] {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-names: "Fraunces", Georgia, serif;
  --names-style: italic;
  --names-scale: 0.92;
  --names-leading: 0.95;
  --names-tracking: -0.03em;
}