/* Kolory - tylko ciemny motyw */
:root {
  /* Kolory ciemnego motywu */
  --clr-surface-900: #0f0f0f; /* główne tło całej strony - bardzo ciemne */
  --clr-surface-800: #1a1a1a; /* sticky-header, sekcje z własnym tłem - ciemne */
  --clr-surface-700: #2d2d2d; /* elementy UI, karty - średnio ciemne */
  --clr-primary-500: #D4AF7A; /* tekst nagłówków, linki, ikony, border butonów - złoty */
  --clr-primary-400: #E6C896; /* jaśniejszy odcień złotego dla hover */
  --clr-primary-300: #f8f9fa; /* tekst akapitów, microcopy - jasny */
  --clr-neutral-000: #ffffff; /* maksymalnie jasny tekst dla ciemnego tła */
  --clr-neutral-100: #e9ecef; /* bardzo jasny szary dla subtelnych tekstów */
  
  /* Rozmiary czcionek */
  --fs-base: 1rem; /* 16 px */
  --fs-h1: clamp(2.75rem, 6vw + 1rem, 3.5rem);   /* 44–56 px */
  --fs-h2: clamp(2.125rem, 4.5vw + 1rem, 2.75rem);/* 34–44 px */
  --fs-h3: clamp(1.5rem, 3vw + 1rem, 2.125rem);  /* 24–34 px */
  --fs-h4: clamp(1.25rem, 2vw + 1rem, 1.5rem);   /* 20–24 px */
  --fs-h5: clamp(1.0625rem, 1.5vw + 1rem, 1.25rem);/* 17–20 px */
  --fs-h6: clamp(1rem, 1vw + 1rem, 1.125rem);    /* 16–18 px */
  
  /* Mapowanie kolorów na ciemny motyw */
  --base-color: var(--clr-primary-500);
  --dark-gray: var(--clr-surface-700);
  --text-dark-gray: var(--clr-primary-300);
  --text-light-opacity: var(--clr-neutral-100);
  --white: var(--clr-neutral-000);
  --bg-white: var(--clr-surface-800);
  --bg-light-turquoise-blue: var(--clr-surface-700);
  --bg-light-sea-green-transparent: rgba(212, 175, 122, 0.8);
  --bg-light-sea-green-transparent-light: rgba(212, 175, 122, 0.15);
  --border-color-transparent-dark-gray: rgba(212, 175, 122, 0.2);
  --border-color-red: var(--clr-primary-500);
  --bg-base-color: var(--clr-primary-500);
  --bg-dark-gray: var(--clr-surface-800);
  --bg-red: var(--clr-primary-500);
  --bg-golden-yellow: var(--clr-primary-500);
  --bg-yellow: var(--clr-primary-500);
  --text-white: var(--clr-neutral-000);
  --text-base-color: var(--clr-primary-500);

    /* Dodatkowe zmienne dla ciemnego motywu */
    --primary-bg-color: var(--clr-surface-900);
    --secondary-bg-color: var(--clr-surface-800);
    --text-color: var(--clr-primary-300);
    --heading-color: var(--clr-neutral-000);
    --link-color: var(--clr-primary-500);
    --accent-color: var(--clr-primary-500);
    --border-color: var(--clr-surface-700);
    --button-bg: var(--clr-primary-500);
    --button-text: var(--clr-surface-900);
    --button-hover-bg: var(--clr-primary-400);
    --dark-primary-bg-color: var(--clr-surface-800);
}

/* Globalne style dla ciemnego motywu */
body {
  background-color: var(--clr-surface-900) !important;
  color: var(--clr-primary-300) !important;
}

.site-main, .content-area, main {
  background-color: var(--clr-surface-900) !important;
  color: var(--clr-primary-300) !important;
}

/* Typografia dla ciemnego motywu */
h1, h2, h3, h4, h5, h6 {
  color: var(--clr-neutral-000) !important;
}

p, li, span {
  color: var(--clr-primary-300) !important;
}

a {
  color: var(--clr-primary-500);
  text-decoration: none;
  transition: color .18s ease-out, filter .18s ease-out;
}

a:hover, a:focus {
  color: var(--clr-primary-400);
  filter: brightness(110%);
  text-decoration: underline;
}

a:visited {
  color: var(--clr-primary-500);
}

/* Zastąpienie kolorów w komponentach */
.text-dark-gray {
  color: var(--clr-primary-500) !important;
}

.text-base-color {
  color: var(--clr-primary-500) !important;
}

.text-light-opacity {
  color: var(--clr-primary-300) !important;
}

.bg-base-color {
  background-color: var(--clr-primary-500) !important;
}

.bg-dark-gray {
  background-color: var(--clr-primary-500) !important;
}

.bg-light-turquoise-blue {
  background-color: var(--clr-surface-800) !important;
}

.bg-light-sea-green-transparent {
  background-color: rgba(21, 26, 61, 0.8) !important;
}

.bg-light-sea-green-transparent-light {
  background-color: rgba(21, 26, 61, 0.15) !important;
}

.border-color-transparent-dark-gray {
  border-color: rgba(21, 26, 61, 0.1) !important;
}

.border-color-red {
  border-color: var(--clr-primary-500) !important;
}

.bg-red {
  background-color: var(--clr-primary-500) !important;
}

.bg-golden-yellow {
  background-color: var(--clr-primary-500) !important;
}

.bg-yellow {
  background-color: var(--clr-primary-500) !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: var(--clr-surface-900) !important;
}

/* Przyciski - ciemny motyw */
.btn-base-color {
  background-color: var(--clr-primary-500) !important;
  border-color: var(--clr-primary-500) !important;
  color: var(--clr-surface-900) !important;
}

.btn-dark-gray {
  background-color: var(--clr-primary-500) !important;
  border-color: var(--clr-primary-500) !important;
  color: var(--clr-surface-900) !important;
}

.btn-transparent-light-gray {
  border-color: rgba(201, 157, 108, 0.3) !important;
  color: var(--clr-primary-500) !important;
  background-color: transparent !important;
}

/* Hover states */
.btn-base-color:hover,
.btn-dark-gray:hover {
  background-color: var(--clr-primary-400) !important;
  border-color: var(--clr-primary-400) !important;
  color: var(--clr-surface-900) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(212, 175, 122, 0.3);
}

.btn-transparent-light-gray:hover {
  background-color: var(--clr-primary-500) !important;
  border-color: var(--clr-primary-500) !important;
  color: var(--clr-surface-900) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(212, 175, 122, 0.3);
}

/* Footer - ciemny motyw */
footer {
  background-color: var(--clr-surface-800) !important;
  color: var(--clr-primary-300) !important;
  width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}

footer .nav-link {
  color: var(--clr-primary-300) !important;
}

footer .nav-link:hover {
  color: var(--clr-primary-500) !important;
}

.footer-top {
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Nadpisanie box-layout dla stopki */
footer,
footer * {
  box-sizing: border-box !important;
}

/* Kontener w stopce - wyrównany do reszty treści */
footer .container {
  max-width: 1320px !important; /* Standardowa szerokość Bootstrap container */
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Responsywność dla kontenera */
@media (max-width: 1400px) {
  footer .container {
    max-width: 1140px !important;
  }
}

@media (max-width: 1200px) {
  footer .container {
    max-width: 960px !important;
  }
}

@media (max-width: 992px) {
  footer .container {
    max-width: 720px !important;
  }
}

@media (max-width: 768px) {
  footer .container {
    max-width: 540px !important;
  }
}

@media (max-width: 576px) {
  footer .container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Sticky header */
.sticky-wrap {
  background-color: var(--clr-surface-800) !important;
  color: var(--clr-primary-500) !important;
}

/* Hero section background - removed problematic background override */

/* Overlay colors */
.feature-box-overlay {
  background-color: var(--clr-primary-500) !important;
}

/* Text colors in components - dla ciemnego motywu */
.fw-800, .fw-700, .fw-600 {
  color: var(--clr-primary-300) !important;
}

/* Border colors */
.border-color-dark-gray {
  border-color: var(--clr-primary-500) !important;
}

/* Background colors for sections */
.bg-light-turquoise-blue {
  background-color: var(--clr-surface-800) !important;
}

/* Karty i sekcje */
.card, .section {
  background-color: var(--clr-surface-800) !important;
  color: var(--clr-primary-300) !important;
  border-color: var(--clr-surface-700) !important;
}

/* Formularze */
input, textarea, select {
  background-color: var(--clr-surface-700) !important;
  color: var(--clr-primary-300) !important;
  border-color: var(--clr-surface-700) !important;
}

input:focus, textarea:focus, select:focus {
  background-color: var(--clr-surface-800) !important;
  border-color: var(--clr-primary-500) !important;
  color: var(--clr-neutral-000) !important;
}

/* Tabele */
table {
  background-color: var(--clr-surface-800) !important;
  color: var(--clr-primary-300) !important;
}

th {
  background-color: var(--clr-surface-700) !important;
  color: var(--clr-neutral-000) !important;
}

td {
  border-color: var(--clr-surface-700) !important;
}

/* Entry content wrap - ciemny motyw */
.entry-content-wrap {
  background-color: transparent!important;
  color: var(--clr-primary-300) !important;
}

.entry-content-wrap h1,
.entry-content-wrap h2,
.entry-content-wrap h3,
.entry-content-wrap h4,
.entry-content-wrap h5,
.entry-content-wrap h6 {
  color: var(--clr-neutral-000) !important;
}

.entry-content-wrap p,
.entry-content-wrap li,
.entry-content-wrap span,
.entry-content-wrap div {
  color: var(--clr-primary-300) !important;
}

.entry-content-wrap a {
  color: var(--clr-primary-500) !important;
}

.entry-content-wrap a:hover {
  color: var(--clr-primary-400) !important;
}