:root {
  /* =========================================================================
     MCK PŁOŃSK - KINO — DESIGN TOKENS (BIAŁA NAWIGACJA & AKCENT #5758E0)
     ========================================================================= */
  /* Kolory główne */
  --primary-color: #000000;
  --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: #000000;
  --btn-primary-txt-color: #ffffff;
  --btn-secondary-color: #5758e0;
  --btn-secondary-txt-color: #ffffff;
  --btn-active-color: #4647c2;
  --btn-active-txt-color: #ffffff;
  --btn-active-border-color: #4647c2;
  --btn-calendar-color: #ffffff;
  --btn-calendar-border-color: #5758e0;
  --btn-calendar-txt-color: #1A1A1A;
  --hover-btn-primary-color: #222222;
  --hover-btn-secondary-color: #4647c2;
  --hover-btn-calendar-color: #5758e0;
  --hover-btn-calendar-txt-color: #ffffff;
  --hover-btn-active: #3839a8;

  /* Nawigacja (Białe tło & ciemny tekst) */
  --navigation-bg-color: #ffffff;
  --navigation-txt-color: #1A1A1A;
  --lang-select-bg-color: #ffffff;
  --lang-select-border-color: #5758e0;
  --lang-select-txt-color: #1A1A1A;
  --lang-select-hover-bg-color: #5758e0;
  --lang-select-hover-txt-color: #ffffff;
  --lang-select-active-bg-color: #5758e0;
  --lang-select-active-txt-color: #ffffff;

  /* Koszyk */
  --main-basket-color: #5758e0;
  --main-basket-count-bg-color: #5758e0;
  --main-basket-count-color: #ffffff;
  --float-basket-color: #5758e0;
  --float-basket-count-bg-color: #5758e0;
  --float-basket-count-color: #ffffff;

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

  /* Aktywny kolor */
  --active-color: #5758e0;
  --accent-color: #5758e0;

  /* Tekst */
  --txt-color: #1A1A1A;
  --txt-color-secondary: #000000;
  --txt-description: #5F5F5F;
  --txt-expand-btn: #5758e0;

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