:root {
    /* Grundfarben */
    --bg-dark: #1e293b;
    --text-light: #fef4cc;
    --text-accent: #d97620;
  
    /* Primärfarben */
    --primary: #d97620;
    --primary-dark: #f7941d;
    --primary-light: #fed793;
  
    /* Sekundärfarben */
    --secondary: #334155;
    --accent-light: #1e293b;
    --accent-dark: #0f172a;
  
    /* Voting Farben */
    --upvote: #80c241;   /* e0aa71ff (leicht angepasst in grün) */
    --downvote: #f91316; /* rot aus Mockup */
  
    /* Hilfsfarben */
    --neutral: #ccc;
    --warning: #ffec99;
    --error: #b0001f;
    --delete-bg: #2b0011;
    --pdf-highlight: #fef4cc;
  
    /* Kontrastfarben */
    --danger-bg: #b0001f;
    --highlight: #e0aa71;
    --highlight-green: #80c241;
  }
  
  /* Hilfsklassen (optional für einfache Nutzung außerhalb Tailwind) */
  .bg-dark        { background-color: var(--bg-dark); }
  .text-light     { color: var(--text-light); }
  .text-accent    { color: var(--text-accent); }
  
  .bg-primary     { background-color: var(--primary); }
  .bg-primary-dark{ background-color: var(--primary-dark); }
  .bg-primary-light { background-color: var(--primary-light); }
  
  .bg-secondary   { background-color: var(--secondary); }
  .bg-upvote      { background-color: var(--upvote); }
  .bg-downvote    { background-color: var(--downvote); }
  
  .text-upvote    { color: var(--upvote); }
  .text-downvote  { color: var(--downvote); }
  
  .bg-warning     { background-color: var(--warning); }
  .bg-error       { background-color: var(--error); }
  
  .bg-delete      { background-color: var(--delete-bg); }
  .bg-highlight   { background-color: var(--highlight); }
  .bg-highlight-green { background-color: var(--highlight-green); }
  
  /* Badges */
  .tag-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    margin: 0.125rem;
    background-color: var(--secondary);
    color: var(--text-light);
  }
  
  .tag-badge.active {
    background-color: var(--primary);
    color: #000;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  }