:root {
  /* Kolory główne */
  --primary-color: #6937d0;
  --secondary-color: #ffffff;

  --btn-transition-duration: 0.3s;
  --btn-transition-timing: ease;
  --btn-transition:
    color var(--btn-transition-duration) var(--btn-transition-timing),
    background-color var(--btn-transition-duration) var(--btn-transition-timing),
    border-color var(--btn-transition-duration) var(--btn-transition-timing),
    outline-color var(--btn-transition-duration) var(--btn-transition-timing),
    text-decoration-color var(--btn-transition-duration) var(--btn-transition-timing),
    fill var(--btn-transition-duration) var(--btn-transition-timing),
    stroke var(--btn-transition-duration) var(--btn-transition-timing);

  /* Przyciski */
  --btn-primary-color: #6937d0;
  --btn-primary-txt-color: #ffffff;
  --btn-secondary-color: #6937d0;
  --btn-secondary-txt-color: #ffffff;
  --btn-active-color: #572bb2;
  --btn-active-txt-color: #ffffff;
  --btn-active-border-color: #572bb2;
  --btn-calendar-color: #0B192C;
  --btn-calendar-border-color: #6937d0;
  --btn-calendar-txt-color: #ffffff;
  --hover-btn-primary-color: #572bb2;
  --hover-btn-secondary-color: #6937d0;
  --hover-btn-calendar-color: #6937d0;
  --hover-btn-calendar-txt-color: #ffffff;
  --hover-btn-active: #472196;

  /* Nawigacja */
  --navigation-bg-color: #6937d0;
  --navigation-txt-color: #ffffff;
  --lang-select-bg-color: #6937d0;
  --lang-select-border-color: #ffffff;
  --lang-select-txt-color: #ffffff;
  --lang-select-hover-bg-color: #ffffff;
  --lang-select-hover-txt-color: #6937d0;
  --lang-select-active-bg-color: #ffffff;
  --lang-select-active-txt-color: #6937d0;

  /* Koszyk */
  --main-basket-color: #ffffff;
  --main-basket-count-bg-color: #ffffff;
  --main-basket-count-color: #6937d0;
  --float-basket-color: #6937d0;
  --float-basket-count-bg-color: #ffffff;
  --float-basket-count-color: #6937d0;

  /* Stopka */
  --footer-bg-color: #06101E;
  --footer-txt-color: #ffffff;

  /* Aktywny kolor i Akcent CTA */
  --active-color: #6937d0;
  --accent-color: #6937d0;

  /* Tekst */
  --txt-color: #0B192C;
  --txt-color-secondary: #ffffff;
  --txt-description: #4A5568;
  --txt-expand-btn: #6937d0;

  /* Tło sekcji */
  --section-bg-color: #F0F4F8;
}

.nav-logo-image {
  max-width: 150px;
}