/* =============================================================================
   Design Tokens — ProCon Insights
   Quelle: docs/designkonzept.md (FINAL, 19. Juni 2026)
   ============================================================================= */

:root {
  /* ── Primärfarben ── */
  --forest-deep:   #013B20;
  --forest-mid:    #02562F;
  --forest-light:  #04793F;

  /* ── Hintergründe ── */
  --warm-white:    #FAF6F1;
  --warm-100:      #F0EAE2;
  --warm-200:      #DDD5C9;

  /* ── Akzent ── */
  --kupfer:        #C4703F;
  --kupfer-hover:  #D4804F;

  /* ── Text ── */
  --text-dark:     #1A1A18;
  --text-muted:    #5C5C58;
  --text-on-dark:  #FAF6F1;

  /* ── Semantisch ── */
  --error:         #C0392B;
  --success:       #04793F;

  /* ── Footer ── */
  --footer-bg:     #012A17;

  /* ── Spacing (8px Baseline) ── */
  --space-1:  4px;    /* 0.25rem */
  --space-2:  8px;    /* 0.5rem  */
  --space-3:  16px;   /* 1rem    */
  --space-4:  24px;   /* 1.5rem  */
  --space-5:  32px;   /* 2rem    */
  --space-6:  48px;   /* 3rem    */
  --space-7:  64px;   /* 4rem    */
  --space-8:  96px;   /* 6rem    */
  --space-9:  128px;  /* 8rem    */

  /* ── Breakpoints (nur als Referenz, nicht in CSS var() nutzbar) ── */
  --bp-mobile:   600px;
  --bp-tablet:  1024px;
  --bp-desktop: 1440px;

  /* ── Typografie ── */
  --font-family:   'Poppins', Arial, Helvetica, sans-serif;
  --font-weight-regular:  400;
  --font-weight-medium:   500; /* Fallback: 400, da Datei nicht vorhanden */
  --font-weight-semibold: 600;

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-smooth: 300ms ease;
}