/**
 * Pragmatica Next VF (Upright) — ParaType
 *
 * Quelle: Pragmatica-Next-VF.web (WOFF2/WOFF)
 * Achsen aus Font-Metadaten (fvar, geprüft am gelieferten TTF derselben VF):
 *   wdth  50 … 200  (Default 100)
 *   wght 100 … 900  (Default 320 = Light)
 *
 * Desktop-TTF nicht öffentlich ausliefern.
 * Lizenz: site/licenses/paratype-eula-pragmatica-next-vf.pdf
 */

@font-face{
  font-family:"Pragmatica Next VF";
  src:
    url("../fonts/pragmatica-next/pragmatica-next_vf.woff2") format("woff2-variations"),
    url("../fonts/pragmatica-next/pragmatica-next_vf.woff2") format("woff2"),
    url("../fonts/pragmatica-next/pragmatica-next_vf.woff") format("woff");
  font-weight:100 900;
  font-stretch:50% 200%;
  font-style:normal;
  font-display:swap;
}

:root{
  --font-pragmatica:"Pragmatica Next VF";
  --font-sans:var(--font-pragmatica),Arial,Helvetica,sans-serif;

  /* Achsenbereiche (gemessen) */
  --font-wght-min:100;
  --font-wght-max:900;
  --font-wdth-min:50%;
  --font-wdth-max:200%;

  /* Named-Instance-Gewichte (wdth 100), aus fvar */
  --font-wght-hairline:100;
  --font-wght-thin:160;
  --font-wght-extralight:240;
  --font-wght-light:320;
  --font-wght-regular:400;
  --font-wght-medium:490;
  --font-wght-semibold:580;
  --font-wght-bold:680;
  --font-wght-extrabold:780;
  --font-wght-black:900;

  /* Named-Instance-Breiten (als font-stretch %) */
  --font-wdth-tight:50%;
  --font-wdth-compressed:64%;
  --font-wdth-condensed:85%;
  --font-wdth-normal:100%;
  --font-wdth-extended:125%;
  --font-wdth-wide:200%;

  /* —— Design System V1: Type scale (UI) —— */
  --text-xs:clamp(.62rem,.7vw,.72rem);
  --text-sm:clamp(.72rem,.85vw,.82rem);
  --text-md:1rem;
  --text-lg:clamp(1.05rem,1.4vw,1.2rem);
  --text-xl:clamp(1.2rem,1.8vw,1.55rem);
  --text-2xl:clamp(1.55rem,2.6vw,2.15rem);
  --text-3xl:clamp(1.9rem,3.6vw,3rem);
  --text-display:clamp(2.2rem,5.2vw,4.2rem);

  /* Leading / Tracking */
  --leading-tight:.9;
  --leading-snug:1.12;
  --leading-body:1.45;
  --leading-loose:1.65;
  --track-display:-.04em;
  --track-title:-.03em;
  --track-body:0;
  --track-meta:.08em;
  --track-ui:.06em;

  /* Space (ergänzt --pad-x / --pad-y aus site.css) */
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2.5rem;
  --space-6:4rem;

  /* Breakpoints (Doku / JS; Media Queries bleiben hart codiert) */
  --bp-sm:699px;
  --bp-md:899px;
  --bp-lg:1099px;

  /* UI-Breite (Kartenvarianten dürfen abweichen) */
  --ui-wdth:var(--font-wdth-normal);

  /* Typokarten — Defaults + Variantengrößen */
  --typo-card-wght:var(--font-wght-bold);
  --typo-card-wdth:var(--font-wdth-normal);
  --typo-card-tracking:-.055em;
  --typo-card-leading:.86;
  --typo-card-size:clamp(1.55rem,2.4vw,2.2rem);
  --typo-card-size-standard:clamp(1.55rem,2.4vw,2.2rem);
  --typo-card-size-stacked:clamp(2.6rem,4.8vw,4.1rem);
  --typo-card-size-monumental:clamp(3.6rem,7vw,6.2rem);
  --typo-card-size-split:clamp(2.7rem,5vw,4.3rem);
  --typo-card-size-contrast:clamp(1.8rem,3vw,2.7rem);
  --typo-card-size-compact:clamp(1.25rem,2vw,1.7rem);
  --typo-card-meta-wght:var(--font-wght-bold);
  --typo-card-meta-tracking:.1em;
  --typo-card-aside-wght:var(--font-wght-bold);
  --typo-card-aside-tracking:-.025em;
  --typo-card-aside-leading:1.05;
  --typo-card-topic-wght:var(--font-wght-semibold);
  --typo-card-topic-tracking:.1em;
}

html{
  font-family:var(--font-sans);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body{
  font-family:var(--font-sans);
  font-weight:var(--font-wght-regular);
  font-stretch:var(--font-wdth-normal);
  font-synthesis:none;
}

.site-header,
.site-menu,
.site-footer,
.u-overview,
.u-detail,
.u-dram-page,
.u-typo-card{
  font-family:var(--font-sans);
  font-synthesis:none;
}

/* Navigations-/UI-Gewicht an Named Instance Bold (680) */
.site-header,
.site-menu,
.menu-toggle,
.site-footer{
  font-weight:var(--font-wght-bold);
}