/* ecoutility - kolorystyka panelu wg Brand Guidelines v1.1
   Paleta: sky/blue/indygo (niebieskie) + ink/slate (neutralne) + mist/cloud (tła).
   Nadpisuje Bootstrap 5.3 przez zmienne --bs-* oraz wybrane komponenty. */
:root {
  --eco-sky:    #0F82D6;  /* azur - jasny koniec */
  --eco-blue:   #2A78C3;  /* sygnaturowy niebieski */
  --eco-indigo: #2F3A86;  /* indygo - głęboki koniec */
  --eco-ink:    #14182A;  /* navy-charcoal */
  --eco-ink-2:  #1B2138;
  --eco-slate:  #5A6478;  /* tekst drugorzędny */
  --eco-mist:   #E7EBF2;  /* obramowania / linie */
  --eco-cloud:  #F5F7FB;  /* tło strony */

  /* Mapowanie na Bootstrap */
  --bs-primary:        #2A78C3;
  --bs-primary-rgb:    42, 120, 195;
  --bs-secondary:      #5A6478;
  --bs-secondary-rgb:  90, 100, 120;
  --bs-link-color:     #2A78C3;
  --bs-link-color-rgb: 42, 120, 195;
  --bs-link-hover-color: #1f6bb0;
  --bs-body-color:     #1B2138;
  --bs-border-color:   #E7EBF2;
}

body { background: var(--eco-cloud); font-family: 'Inter', system-ui, -apple-system, sans-serif; }
h1, h2, h3, h4, h5, h6, .navbar-brand, .card-title { font-family: 'Sora', 'Inter', sans-serif; }

/* Pasek nawigacji - gradient indygo -> sygnaturowy (logo ecoutility) */
.navbar.bg-primary {
  background: linear-gradient(90deg, var(--eco-indigo), var(--eco-blue)) !important;
  box-shadow: 0 2px 10px rgba(20, 24, 42, .12);
}
.navbar-brand { font-weight: 700; letter-spacing: .2px; }
#szafaDropdown { background: rgba(255, 255, 255, .18); }

/* Przyciski primary */
.btn-primary {
  --bs-btn-bg:               #2A78C3;  --bs-btn-border-color:        #2A78C3;
  --bs-btn-hover-bg:         #1f6bb0;  --bs-btn-hover-border-color:  #1f6bb0;
  --bs-btn-active-bg:        #1b5f9b;  --bs-btn-active-border-color: #1b5f9b;
  --bs-btn-disabled-bg:      #2A78C3;  --bs-btn-disabled-border-color: #2A78C3;
}
.btn-outline-primary {
  --bs-btn-color:            #2A78C3;  --bs-btn-border-color:        #2A78C3;
  --bs-btn-hover-bg:         #2A78C3;  --bs-btn-hover-border-color:  #2A78C3;
  --bs-btn-active-bg:        #1f6bb0;  --bs-btn-active-border-color: #1f6bb0;
}
.btn-secondary {
  --bs-btn-bg:               #5A6478;  --bs-btn-border-color:        #5A6478;
  --bs-btn-hover-bg:         #4b5466;  --bs-btn-hover-border-color:  #4b5466;
  --bs-btn-active-bg:        #41506a;  --bs-btn-active-border-color: #41506a;
}

/* Nagłówki kart i akcenty */
.bg-primary { background-color: var(--eco-blue) !important; }
.bg-info, .btn-info {
  background-color: var(--eco-sky) !important; border-color: var(--eco-sky) !important; color: #fff !important;
}
.text-primary { color: var(--eco-blue) !important; }
.text-muted   { color: var(--eco-slate) !important; }

/* Karty - subtelne obramowanie i lekki cień w stylu brandu */
.card { border: 1px solid var(--eco-mist); box-shadow: 0 1px 3px rgba(20, 24, 42, .05); }

/* Linki */
a { color: var(--eco-blue); }
a:hover { color: #1f6bb0; }

/* Tabele - nagłówki w tonie marki */
.table > thead { color: var(--eco-ink); }