/* All-in Netzwerk · Design-Tokens, Entwurf 2 (15.10.2026)
   Vorbild: fora-concept.com (nur der Stil, nichts kopiert)
   Layout-Typ: Editorial-Kachelraster aus gedeckten Farbflächen, große Serifen-Typografie, viel Weißraum.
   Schriften lokal in assets/fonts, keine CDNs. Erster Entwurf (Plakat) liegt in design\entwurf-1-plakat. */

@font-face {
  font-family: "Gloock";
  src: url("../fonts/gloock-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-var.woff2") format("woff2");
  font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-var-italic.woff2") format("woff2");
  font-weight: 400 900; font-style: italic; font-display: swap;
}

:root {
  /* Farben: gedeckte Flächen (Full palette), jede Kachel eine Farbe */
  --papier:   oklch(0.985 0.004 90);   /* fast Weiß, warm getönt */
  --tinte:    oklch(0.215 0.012 60);   /* warmes Fast-Schwarz */
  --tinte-2:  oklch(0.42 0.012 60);    /* Nebentext */
  --linie:    oklch(0.215 0.012 60 / 0.14);
  --ocker:    oklch(0.735 0.115 78);   /* Senf/Ocker, Hauptfläche */
  --salbei:   oklch(0.835 0.045 150);  /* blasses Salbeigrün */
  --pflaume:  oklch(0.385 0.075 350);  /* tiefe Pflaume, dunkle Fläche */
  --himmel:   oklch(0.875 0.035 235);  /* blasses Blau, Fotoflächen */
  --sand:     oklch(0.915 0.025 75);   /* Sand, Fotoflächen */
  --auf-dunkel: oklch(0.955 0.012 80);

  /* Schriften */
  --serif: "Gloock", "Georgia", serif;
  --grotesk: "Schibsted Grotesk", "Segoe UI", sans-serif;

  /* Schriftgrößen (Verhältnis ca. 1,33, Display stark gespreizt) */
  --gr-klein: 0.875rem;
  --gr-text: 1rem;
  --gr-gross: 1.3rem;
  --gr-zwischen: clamp(1.6rem, 1.1rem + 1.8vw, 2.4rem);
  --gr-titel: clamp(2.4rem, 1.2rem + 4.6vw, 5.2rem);
  --gr-riesig: clamp(6rem, 2rem + 15vw, 16rem);

  /* Abstände */
  --ab-1: 0.5rem;
  --ab-2: 1rem;
  --ab-3: 1.6rem;
  --ab-4: clamp(2.2rem, 1.4rem + 3vw, 4rem);
  --ab-5: clamp(4rem, 2rem + 8vw, 10rem);
  --rand: clamp(1rem, 0.6rem + 1.4vw, 1.6rem);   /* Innenabstand der Kacheln */

  /* Formen: eckige Kacheln, runde Etiketten */
  --radius-etikett: 6px;
  --radius-knopf: 999px;

  /* Bewegung: ruhig */
  --ease-aus: cubic-bezier(0.16, 1, 0.3, 1);
  --dauer-kurz: 220ms;
  --dauer-lang: 900ms;
}