/* 🎨 GTK Farbpalette – basierend auf #00a8d7 */

.gtk-bg-100 { background-color: #ccf2fb; }
.gtk-bg-200 { background-color: #99e5f7; }
.gtk-bg-300 { background-color: #66d8f3; }
.gtk-bg-400 { background-color: #00a8d7; } /* default */
.gtk-bg-500 { background-color: #008cbf; } /* etwas dunkler */
.gtk-bg-600 { background-color: #00719f; }
.gtk-bg-700 { background-color: #00587f; }
.gtk-bg-800 { background-color: #003f5f; }
.gtk-bg-900 { background-color: #00263f; }

.gtk-text-100 { color: #ccf2fb; }
.gtk-text-200 { color: #99e5f7; }
.gtk-text-300 { color: #66d8f3; }
.gtk-text-400 { color: #00a8d7; } /* default */
.gtk-text-500 { color: #008cbf; } /* etwas dunkler */
.gtk-text-600 { color: #00719f; }
.gtk-text-700 { color: #00587f; }
.gtk-text-800 { color: #003f5f; }
.gtk-text-900 { color: #00263f; }

/* Optional: Hover-Utilitys für Buttons etc. */
.gtk-hover:hover { background-color: #008cbf; color: #fff; transition: background-color 0.2s; }

/* Beispiel für Buttons */
.gtk-btn {
  background-color: #00a8d7;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}
.gtk-btn:hover { background-color: #008cbf; }
.gtk-btn:active { background-color: #00719f; }