/* DESIGN EINSTELLEN – THEME BRIDGE (immer NACH dem Theme-CSS laden) */

:root{
  --bg-main: var(--theme-bg);
  --card-bg: var(--theme-muted);
  --border-main: var(--theme-border);
}

html, body{
  background-color: var(--bg-main) !important;
  color: var(--theme-text) !important;
}

/* Cards / Panels / Boxes */
.card,
.panel,
.box,
.well,
.table,
.forum_post,
.news-item,
.modal-content,
.dropdown-menu{
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-main) !important;
  border-radius: var(--card-radius, 12px) !important;
  box-shadow: var(--card-shadow, none) !important;
}

/* Inputs */
input, select, textarea, .form-control{
  background-color: var(--card-bg) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--border-main) !important;
  border-radius: var(--card-radius, 12px) !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus{
  outline: none !important;
  border-color: var(--theme-primary) !important;
  box-shadow: none !important;
}

/* Buttons */
.btn, button, input[type="submit"], input[type="button"]{
  background-color: var(--theme-button-bg) !important;
  color: var(--theme-button-text) !important;
  border: 1px solid var(--border-main) !important;
  border-radius: var(--card-radius, 12px) !important;
  box-shadow: var(--card-shadow, none) !important;
}
.btn:hover, button:hover, input[type="submit"]:hover{
  background-color: var(--theme-hover) !important;
  color: var(--theme-button-text) !important;
}

/* Links */
a{ color: var(--theme-accent) !important; }
a:hover{ color: var(--theme-hover) !important; }

/* Bootstrap helpers */
.bg-body{ background-color: var(--theme-bg) !important; }
.text-body{ color: var(--theme-text) !important; }