/* VIA ARTIS Design-Tokens */

@font-face {
  font-family: 'Spectral';
  src: url('../fonts/spectral-latin-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spectral';
  src: url('../fonts/spectral-latin-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Spectral';
  src: url('../fonts/spectral-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spectral';
  src: url('../fonts/spectral-latin-500i.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('../fonts/hanken-grotesk-latin-var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display-latin-600i.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Farben: Forest-Familie */
  --knochen: #F6F3EC;
  --knochen-tief: #EDE8DC;
  --tiefgruen: #122820;
  --tiefgruen-hell: #1C3A2E;
  --korall: #E0653A;
  --korall-tief: #B84D28;
  --amber: #E8A33D;
  --salbei: #7A9E8A;
  --text: var(--tiefgruen);
  --text-gedaempft: #4A5A50;
  --text-leise: #77716374;
  --linie: rgba(18, 40, 32, .16);
  --linie-hell: rgba(246, 243, 236, .25);

  /* Pigmente der Werke (Original-Akzentfarben) */
  --pigment-tillmann: #7A9E8A;
  --pigment-stefansfeld: #6B8F7E;
  --pigment-veil: #9A5A35;
  --pigment-berger: #385B4E;
  --pigment-vidar: #566E4C;
  --pigment-heilraum: #9BB578;
  --pigment-lebensraum: #B59B52;
  --pigment-indaba: #C56B43;
  --pigment-malart: #B5573A;
  --pigment-ricks: #4E7D46;

  /* Typografie */
  --serif: 'Spectral', Georgia, serif;
  --serif-zier: 'Playfair Display', Georgia, serif;
  --sans: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --fs-riesig: clamp(3.2rem, 9vw, 7rem);
  --fs-display: clamp(2.1rem, 5.5vw, 3.8rem);
  --fs-titel: clamp(1.5rem, 3vw, 2.1rem);
  --fs-claim: clamp(1.05rem, 1.8vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-klein: .8125rem;
  --fs-mini: .75rem;

  /* Raum */
  --r-1: .5rem;
  --r-2: 1rem;
  --r-3: 1.5rem;
  --r-4: 2.5rem;
  --r-5: 4rem;
  --r-6: 6rem;

  /* Bewegung */
  --schnell: 180ms;
  --dauer: 280ms;
  --gemaechlich: 450ms;
  --kurve: cubic-bezier(.32, .72, .24, 1);
  --kurve-blueh: cubic-bezier(.22, 1, .36, 1);

  /* Organische Radien (Blob-Varianten) */
  --blob-a: 52% 48% 44% 56% / 48% 54% 46% 52%;
  --blob-b: 46% 54% 56% 44% / 55% 46% 54% 45%;
  --blob-c: 58% 42% 48% 52% / 46% 56% 44% 54%;

  /* Bildrundung (Screenshots) */
  --radius-bild: clamp(14px, 1.6vw, 22px);
}