/* ===========================
   Grundfarben & Branding
   =========================== */

:root {
  --brand-gold: #cfad54;          /* Primär */
  --brand-gold-dark: #b8860b;     /* Hover/Buttons */
  --brand-gold-light: #e6c97a;    /* Highlights */

  /* Anthrazit-Palette */
  --brand-bg-gray-light: #444444; /* helleres Grau */
  --brand-bg-gray: #3C3C3C;       /* Standard Anthrazit */
  --brand-bg-gray-dark: #2F2F2F;  /* sehr dunkel */

  --brand-text-light: #DDDDDD;    /* heller Text */
  --brand-text-dark: #333333;     /* dunkler Text */
  --brand-black: #000000;         /* Kontrast */
}

/* ===========================
   Body / Hintergrund
   =========================== */

body {
  background-color: var(--brand-bg-gray); /* mittleres Anthrazit */
  color: var(--brand-text-light);         /* heller Text für Lesbarkeit */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  padding: 0;
}

/* ===========================
   Navbar (Bootstrap Override)
   =========================== */

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.4rem;

  --bs-navbar-color: var(--brand-gold);
  --bs-navbar-hover-color: var(--brand-gold-light);
  --bs-navbar-disabled-color: rgba(207,173,84, 0.3);
  --bs-navbar-active-color: var(--brand-gold);

  --bs-navbar-brand-padding-y: 0.2rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.3rem;
  --bs-navbar-brand-color: var(--brand-gold);
  --bs-navbar-brand-hover-color: var(--brand-gold-light);

  --bs-navbar-nav-link-padding-x: 0.6rem;

  --bs-navbar-toggler-padding-y: 0.2rem;
  --bs-navbar-toggler-padding-x: 0.6rem;
  --bs-navbar-toggler-font-size: 1.2rem;
  --bs-navbar-toggler-border-color: rgba(207,173,84, 0.5);

  margin-bottom: 0.4rem;
}

.navbar-toggler-icon {
  width: 2.2rem !important;
  height: 2.2rem !important;
  background-size: 2.2rem 2.2rem !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28207,173,84,0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ===========================
   Links
   =========================== */

a {
  color: var(--brand-gold-dark);
  text-decoration: none;
}

a:hover {
  color: var(--brand-gold-light);
  text-decoration: underline;
}

/* ===========================
   Buttons
   =========================== */

.btn-primary {
  background-color: var(--brand-gold);
  border-color: var(--brand-gold);
  color: var(--brand-black);
}

.btn-primary:hover {
  background-color: var(--brand-gold-dark);
  border-color: var(--brand-gold-dark);
  color: var(--brand-black);
}

/* ===========================
   Alerts
   =========================== */

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 0.75rem;
  --bs-alert-padding-y: 0.5rem;
  --bs-alert-margin-bottom: 0.5rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: rgba(207,173,84, 0.4);
}