/*
  Design-Tokens – Lastwerk Elektrotechnik
  Farben basieren auf der echten Logodatei (assets/images/logo/lastwerk-logo-dark-bg.svg):
  Gradient #9ad400 -> #4a9a1f, Hintergrund #0b0b0b, Linie #8fc93a.
  --brand-500 (#4a9a1f) ist die Standard-Akzentfarbe für UI-Elemente.
  --brand-400 (#9ad400) ist Teil des Logo-Gradienten und wird NUR dekorativ
  in Logo-Nähe eingesetzt, nicht als flächige UI-Akzentfarbe (sonst wirkt sie
  wie Chartreuse/Gelbgrün statt wie echtes Markengrün).

  Re-verifiziert gegen die Logodatei fuer das Mockup-Restyling (Phase "Design-
  Annaeherung"): Werte sind unveraendert korrekt, keine Farbe wurde aus dem
  Mockup uebernommen oder geraten. Einzige Aenderung in diesem Schritt: die
  Radius-Skala wurde etwas grosszuegiger gefasst (siehe unten), das ist reine
  Formsprache, keine Markenfarben-Frage.
*/
:root {
  /* Marke */
  --brand-500: #4a9a1f;
  --brand-600: #3c7d19;
  --brand-400: #8fc93a;
  --brand-gradient: linear-gradient(135deg, #9ad400, #4a9a1f);

  /* Dunkle Flächen (Ingenieur/Technik-Charakter) */
  --ink-900: #0b0b0b;
  --ink-800: #12211a;
  --ink-700: #1a2f24;
  --ink-line: #2a4a3c;
  --ink-text: #eaf3ed;
  --ink-text-muted: #93afa0;

  /* Helle Flächen (Lesbarkeit, Weißraum) */
  --paper-000: #ffffff;
  --paper-100: #f7f8f6;
  --paper-line: #e4e7e2;
  --paper-text: #121815;
  --paper-text-muted: #5b6b63;

  /* Statusfarben */
  --signal-warn: #c9814a;

  /* Typografie (self-hosted, siehe assets/fonts) */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-3xl: clamp(2.25rem, 4vw + 1rem, 3.75rem);

  /* Abstände */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  /* Layout */
  --container-width: 1160px;
  --container-padding: 1.5rem;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-card: 0 1px 2px rgba(11, 11, 11, 0.05), 0 12px 28px rgba(11, 11, 11, 0.09);

  /* Breakpoints (Referenzwerte für Kommentare, CSS nutzt @media direkt) */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1080px;
}