/* Design-Tokens: Werkstatthandbuch. Farben aus dem Logo gemessen, Kontraste nach WCAG 2.2 geprüft. */

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-italic.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: italic;
  font-display: swap;
}

/* Normschrift nach ISO 3098 (osifont, LGPL 3 mit Font-Ausnahme) */
@font-face {
  font-family: "Normschrift";
  src: url("../fonts/osifont-lgpl3fe.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Papier und Tusche */
  --c-papier: #F1F3F4;
  --c-papier-hell: #F8F9F9;
  --c-tusche: #1E2228;
  --c-tusche-weich: #3A4048;
  --c-grau: #5B646D;          /* 6,0:1 auf Weiß, 5,4:1 auf Papier */
  --c-linie: #C9CFD3;

  /* Markierung */
  --c-teal: #06748F;          /* Weiß darauf 5,4:1, auf Papier 4,8:1 */
  --c-teal-tief: #035569;     /* Weiß darauf 8,4:1 */
  --c-cyan: #22C4DC;          /* nur Linien und Flächen, nie Text auf Hell */
  --c-teal-hauch: rgba(6, 116, 143, .10);
  --c-auf-teal: #FFFFFF;
  --c-auf-teal-leise: #CFEAF0;  /* Nebentext auf Teal, 4,6:1 auf --c-teal-tief */

  /* Schrift */
  --f-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-norm: "Normschrift", "Archivo", sans-serif;

  --fs-h1: clamp(2.6rem, 1.35rem + 4.6vw, 5.5rem);
  --fs-h2: clamp(2rem, 1.25rem + 2.7vw, 3.6rem);
  --fs-h3: clamp(1.2rem, 1.05rem + .55vw, 1.5rem);
  --fs-lead: clamp(1.125rem, 1.04rem + .35vw, 1.3rem);
  --fs-text: clamp(1.0625rem, 1.02rem + .2vw, 1.125rem);
  --fs-klein: .9375rem;
  --fs-norm: clamp(.95rem, .9rem + .2vw, 1.05rem);

  /* Raster und Abstände: 8er-Rhythmus */
  --s-1: .5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;
  --s-7: 7rem;
  --rand: clamp(1.25rem, .8rem + 2.4vw, 3.5rem);
  --register: 2.25rem;         /* Breite des Griffregisters */
  --maxbreite: 84rem;

  /* Linienarten nach ISO 128 (in px, ohne Skalierung) */
  --l-breit: 2px;
  --l-schmal: 1px;

  --radius: 4px;
  --neigung: -15deg;           /* Normschrift-Neigung, wie die Kursive im Logo */

  --ease-aus: cubic-bezier(.16, 1, .3, 1);
}

@media (min-width: 900px) {
  :root { --register: 3.25rem; }
}