/* =========================================
   VERT Converter - Custom Theme Vorlage
   ========================================= */

:root {
  /* 1. Hauptfarben (Buttons, aktive Elemente) */
  --primary: #007acc !important;          /* Ihre neue Hauptfarbe (z.B. Blau) */
  --primary-hover: #005999 !important;    /* Farbe, wenn man mit der Maus drüber geht */

  /* 2. Hintergründe */
  --bg-main: #f4f4f4 !important;          /* Hintergrund der gesamten Seite */
  --bg-surface: #ffffff !important;       /* Hintergrund von Karten und Boxen */

  /* 3. Textfarben */
  --text-main: #222222 !important;        /* Haupttext */
  --text-muted: #666666 !important;       /* Beschreibungen, unwichtiger Text */
}

/* =========================================
   Spezifische Anpassungen
   ========================================= */

/* Header Hintergrundfarbe ändern */
header, nav {
  background-color: #ffffff !important;   /* Hintergrund des Headers */
  border-bottom: 1px solid #e0e0e0 !important; /* Optionale Trennlinie */
}

/* Header Textfarbe ändern */
header a, header span {
  color: #222222 !important;
}

/* Den "Konvertieren"-Button anpassen */
button.primary, .btn-primary {
  background-color: var(--primary) !important;
  color: #ffffff !important;
}