/* =========================================================
   AL Website — Typography System
   All custom fonts served from /assets/fonts/
   Move this folder to any server and paths stay valid.
   ---------------------------------------------------------
   ROLES (per design doc)
     Nav           → Fredericka the Great (Google)   tracking 260
     Kicker/Label  → Sofia Pro Regular               tracking 210
     Headlines     → Qassy Regular                   tracking 200
     Body text     → SLTF Silver Editorial SemiBold  tracking  90
   ========================================================= */

/* --- Google font for nav --- */
@import url("https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap");

/* --- Self-hosted faces --- */
@font-face {
  font-family: "Qassy";
  src: url("qassy-webfont.woff2") format("woff2"),
       url("qassy-webfont.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Silver Editorial";
  src: url("SLTFTheSilverEditorial-SemiBold.woff2") format("woff2"),
       url("SLTFTheSilverEditorial-SemiBold.woff")  format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sofia Pro";
  src: url("font.woff2") format("woff2"),
       url("font.woff")  format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Role variables (use these everywhere) ---------------- */
:root{
  /* families */
  --ff-nav:      "Fredericka the Great", "Silver Editorial", serif;
  --ff-label:    "Sofia Pro", "Montserrat", system-ui, sans-serif;
  --ff-display:  "Qassy", "Silver Editorial", Georgia, serif;
  --ff-body:     "Silver Editorial", "Cormorant Garamond", Georgia, serif;

  /* tracking (letter-spacing) — values from design doc / 1000 */
  --ls-nav:     0.26em;
  --ls-label:   0.21em;
  --ls-display: 0.02em;   /* "Spärrat 200" on a large face reads best loose but not gappy */
  --ls-body:    0.05em;
}

/* Silver Editorial ships with discretionary/contextual alternates and stylistic
   sets that fire automatically and produce decorative crossbars/marks above
   letters (looks like print-defects on screen). Turn them off site-wide so body
   text reads clean. Standard ligatures stay on. */
body{
  font-variant-ligatures: no-discretionary-ligatures no-contextual;
  font-feature-settings: "calt" 0, "dlig" 0, "hlig" 0, "salt" 0;
}