/* ==========================================================
   E&S GmbH – Farbpalette
   Quelle: assets/ES_Farbeschema.ase
   Muss NACH bootstrap.min.css eingebunden werden.
   ========================================================== */

:root {
  /* Palette */
  --es-blau:        #053D61;  /* Grundfarbe */
  --es-blau-dunkel: #032A43;  /* abgeleitet: nur Hover-Effekte */
  --es-akzent:      #D7DE9B;  /* Gelbgrün – nur auf Blau oder als Fläche */
  --es-weiss:       #FFFFFF;
  --es-hellgrau:    #F4F7F9;  /* Hintergrundflächen */
  --es-linie:       #D5DEE4;  /* Rahmen, Trennlinien */
  --es-grau:        #505152;  /* Nebentexte */
  --es-schwarz:     #1A2229;  /* Fließtext */

  /* Bootstrap-Variablen überschreiben */
  --bs-primary:            var(--es-blau);
  --bs-primary-rgb:        5, 61, 97;
  --bs-light:              var(--es-hellgrau);
  --bs-light-rgb:          244, 247, 249;
  --bs-body-color:         var(--es-schwarz);
  --bs-body-color-rgb:     26, 34, 41;
  --bs-body-bg:            var(--es-weiss);
  --bs-emphasis-color:     var(--es-schwarz);
  --bs-secondary-color:    var(--es-grau);
  --bs-border-color:       var(--es-linie);
  --bs-link-color:         var(--es-blau);
  --bs-link-color-rgb:     5, 61, 97;
  --bs-link-hover-color:   var(--es-blau-dunkel);
  --bs-link-hover-color-rgb: 3, 42, 67;
  --bs-focus-ring-color:   rgba(5, 61, 97, 0.25);
}

/* Buttons (Bootstrap setzt hier feste Farbwerte) */
.btn-primary {
  --bs-btn-bg: var(--es-blau);
  --bs-btn-border-color: var(--es-blau);
  --bs-btn-hover-bg: var(--es-blau-dunkel);
  --bs-btn-hover-border-color: var(--es-blau-dunkel);
  --bs-btn-active-bg: var(--es-blau-dunkel);
  --bs-btn-active-border-color: var(--es-blau-dunkel);
  --bs-btn-focus-shadow-rgb: 5, 61, 97;
}

.btn-outline-primary {
  --bs-btn-color: var(--es-blau);
  --bs-btn-border-color: var(--es-blau);
  --bs-btn-hover-bg: var(--es-blau);
  --bs-btn-hover-border-color: var(--es-blau);
  --bs-btn-active-bg: var(--es-blau-dunkel);
  --bs-btn-active-border-color: var(--es-blau-dunkel);
  --bs-btn-focus-shadow-rgb: 5, 61, 97;
}

/* Akzent-Button: Gelbgrün mit blauer Schrift */
.btn-akzent {
  --bs-btn-color: var(--es-blau);
  --bs-btn-bg: var(--es-akzent);
  --bs-btn-border-color: var(--es-akzent);
  --bs-btn-hover-color: var(--es-blau);
  --bs-btn-hover-bg: var(--es-weiss);
  --bs-btn-hover-border-color: var(--es-weiss);
  --bs-btn-active-color: var(--es-blau);
  --bs-btn-active-bg: var(--es-weiss);
  --bs-btn-active-border-color: var(--es-weiss);
  --bs-btn-focus-shadow-rgb: 215, 222, 155;
}

/* Header und Footer in dunklem Grau */
.bg-es-grau {
  background-color: var(--es-grau) !important;
}

/* Navigation: kräftigere Schrift, Akzentfarbe beim Überfahren */
.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.85);
  --bs-navbar-hover-color: var(--es-akzent);
  --bs-navbar-active-color: var(--es-akzent);
  --bs-navbar-brand-hover-color: var(--es-akzent);
}


/* Blaue Fläche für Hero-, Team- und Karten-Bereiche */
.bg-es-blau {
  background-color: var(--es-blau);
  color: var(--es-weiss);
}

/* Tabellenköpfe */
.table thead th {
  background-color: var(--es-hellgrau);
}

/* Preistabellen (Reparatur, Akkus) */
.es-tabelle {
  --bs-table-striped-bg: var(--es-hellgrau);
  --bs-table-hover-bg: rgba(215, 222, 155, 0.35);
}

.es-tabelle thead th {
  background-color: var(--es-blau);
  color: var(--es-weiss);
  border-bottom: none;
}

/* Formulare und Seitennavigation (z. B. DataTables) */
.form-control:focus,
.form-select:focus {
  border-color: var(--es-blau);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.pagination {
  --bs-pagination-color: var(--es-blau);
  --bs-pagination-hover-color: var(--es-blau-dunkel);
  --bs-pagination-focus-color: var(--es-blau-dunkel);
  --bs-pagination-active-bg: var(--es-blau);
  --bs-pagination-active-border-color: var(--es-blau);
}

/* Icons in Akzentfarbe (z. B. auf dunklen Karten) */
.text-es-akzent {
  color: var(--es-akzent);
}