/* ============================================================
   Design Tokens — craft-vorlagen.todayislife.de
   Stand: 2026-05-02
   ============================================================ */

:root {
  /* Farben */
  --color-primary:    #1a3a3a;
  --color-secondary:  #f5f3f0;
  --color-accent:     #d97706;
  --color-accent-dark:#b45309;
  --color-text:       #2d2d2d;
  --color-text-muted: #6b6560;
  --color-border:     #8b7355;
  --color-border-light: #ddd7ce;
  --color-white:      #ffffff;
  --color-surface:    #faf8f5;

  /* Kategorie-Farben */
  --cat-dsgvo:    #1a3a3a;
  --cat-eur:      #854d0e;
  --cat-handwerk: #166534;
  --cat-mietrecht:#1e3a5f;
  --cat-verein:   #581c87;
  --cat-bewerbung:#9f1239;

  /* Schriften */
  --font-headline: 'IBM Plex Serif', Georgia, serif;
  --font-body:     'Inter', system-ui, sans-serif;

  /* Abstände */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 5rem;

  /* Schatten */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.10);

  /* Radien */
  --radius-sm:  3px;
  --radius-md:  6px;
  --radius-lg:  10px;
  --radius-pill: 100px;

  /* Übergänge */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}