/* Designwerte Schrottankauf-Netz, Look "Wiegeschein" (DESIGN.md, freigegeben 25.10.2026).
   EINZIGE Stelle fuer Farben, Schriften, Abstaende. Kontraste in DESIGN.md Abschnitt 3. */

@font-face { font-family: "Big Shoulders Display"; font-weight: 700; font-style: normal; font-display: swap; src: url("/assets/fonts/big-shoulders-display-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-style: normal; font-display: swap; src: url("/assets/fonts/big-shoulders-display-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/assets/fonts/public-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("/assets/fonts/public-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Public Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("/assets/fonts/public-sans-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Flaechen */
  --c-zink: #EEF0EF;
  --c-blech: #FAFBFA;
  --c-beton: #E1E5E3;
  --c-guss: #1A1D1F;
  --c-guss-700: #2B3033;
  /* Text */
  --c-text: #16191B;
  --c-grau: #555D5C;
  --c-linie: #D3D8D6;
  --c-linie-dunkel: rgba(238, 240, 239, .16);
  /* Akzent, einzig */
  --c-kupfer: #B4532A;
  --c-kupfer-600: #96421F;
  --c-kupfer-hell: #E08A5E;
  --c-kupfer-50: #F7E9E2;
  --c-fehler: #A61B1B;
  /* Reza-Override 25.10.: WhatsApp-Gruen NUR fuer WhatsApp-Aktionen.
     #25D366 mit Schrift #16191B = 8,9:1, Hover #1EBE5A = 7,2:1, Rand #0E7A5A auf Zink 4,6:1.
     (Weiss auf #25D366 waere 1,98:1, Weiss auf #128C7E 4,14:1, beides faellt durch AA.) */
  --c-wa: #25D366;
  --c-wa-600: #1EBE5A;
  --c-wa-rand: #0E7A5A;
  /* Materialplaettchen, nur Deko */
  --m-kupfer: #B4532A;
  --m-messing: #C9A13B;
  --m-aluminium: #C4C9CC;
  --m-edelstahl: #8E979B;
  --m-blei: #5B6166;
  --m-eisen: #6E4B3A;
  --m-gemischt: #555D5C;

  /* Schriften */
  --f-display: "Big Shoulders Display", "Arial Narrow", system-ui, sans-serif;
  --f-text: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.4rem, 5.6vw, 4.5rem);
  --fs-h2: clamp(1.8rem, 3.4vw, 2.9rem);
  --fs-h3: clamp(1.15rem, 1.6vw, 1.35rem);
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.125rem, 1.5vw, 1.25rem);
  --fs-klein: .9375rem;
  --fs-kicker: .78rem;

  /* Abstaende (4px-Basis) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --sektion: clamp(56px, 8vw, 120px);
  --container: 1240px;
  --rand: clamp(16px, 4vw, 32px);
  --text-breite: 68ch;

  /* Formen */
  --r-klein: 2px;
  --stanz: 10px;
  --r-nav: 0;
  --sh-1: 0 18px 36px -24px rgba(26, 29, 31, .35);
  --kopf-hoehe: 68px;

  /* Bewegung (Regler 4) */
  --t-schnell: 140ms;
  --t-mittel: 180ms;
  --kurve: cubic-bezier(.25, .8, .25, 1);
}