[data-md-color-scheme="push0"] {
  /* primary colors */
  --md-primary-fg-color:        #1559ed;   /* main */
  --md-primary-fg-color--light: #ECB7B7;  /* light variant */
  --md-primary-fg-color--dark:  #90030C;  /* dark variant */

  /* background colors */
  --md-default-bg-color: #111720;
  --md-primary-bg-color:        #1e1e2f;   /* tło content */
  --md-surface-color:           #111111;   /* sidebar */
  --md-surface-hover-color:     #222222;   /* hover elementów */

  /* text colors */
  --md-text-color:              #C9C9C9;   /* główny tekst */
  --md-text-color--secondary:   #030202;   /* tekst pomocniczy */
  --md-header-text-color: #FFFFFF;

  --md-typeset-color:              #FFFFFF;              /* markdown content (p, li) */
  --md-header-text-color:              #FFFFFF;          /* nagłówki h1-h6 */
  --md-sidebar-text-color:              #FFFFFF;         /* tekst sidebaru */
  --md-footer-text-color:              #FFFFFF;          /* footer / stopka */
  --md-link-color:              #FFFFFF;                 /* linki inline */
  --md-link-color--visited:              #FFFFFF;
  --md-link-color--hover:              #FFFFFF;

  --md-footer-bg-color: #1559ed;      /* tło stopki */
  --md-footer-text-color: #BBBBBB;    /* tekst w stopce */

    /* Ikony w sidebar, nagłówkach, toggle */
  --md-icon-color: #FFFFFF;          /* ogólne ikony */
  --md-icon-color--hover: #FFFFFF;   /* ikony przy hover */
  --md-nav-icon-color: #FFFFFF;      /* ikony w nawigacji (sidebar) */
  --md-nav-icon-color--hover: #FFFFFF;

    --md-tabs-active-color: #1559ed;       /* kolor tekstu aktywnego taba */
  --md-tabs-active-background: #1e1e2f;  /* tło aktywnego taba */
  --md-tabs-active-border: #ff0;
}

svg {
    width: auto !important;   /* szerokość */
    height: 16px !important;  /* wysokość */
}

.md-grid {
    max-width: 100% !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}


.md-search {
    align-items: center;
}

/* konkretne kolory ikon */
.md-nav__link .md-icon,
.md-header .md-icon,
.md-footer .md-icon {
    color: #FFFFFF;
}

.md-nav__link:hover .md-icon,
.md-header .md-icon:hover,
.md-footer .md-icon:hover {
    color: #1559ed;
}

/* normalny kolor hamburger menu */
.md-header__button.md-icon svg {
    fill: #ffffff; /* kolor domyślny */
}

/* kolor po hover */
.md-header__button.md-icon:hover svg {
    fill: #C9C9C9; /* kolor hover */
}

/* opcjonalnie aktywny drawer */
.md-header__button.md-icon.md-header__button--active svg {
    fill: #00ff00; /* kolor gdy menu otwarte */
}

/* Ukrywa tylko teksty w header, zostawia strukturę dla logo i search */
.md-header__topic,
.md-header__topic span.md-ellipsis {
    display: none;
}

/* opcjonalnie zmniejsza padding / marginesy, żeby search się ładnie ustawił */
.md-header__ellipsis {
    margin-left: 0;
}

.img-bordered {
    border: 2px solid #FFEB3B66;
    border-radius: 8px;
    padding: 4px;
}


.md-typeset a {
    color: #1559ed;          /* normalny stan linku */
    text-decoration: none; /* opcjonalnie usuwa podkreślenie */
}

.md-typeset a:hover {
    color: #304FFE;      /* kolor linku przy hover */
    font-weight: bold; /* opcjonalnie podkreślenie przy hover */
}


.md-typeset h1 {
    color: #ffffff !important;  /* Twój kolor */
    font-weight: bold;
    font-size: 1.3rem;
}


/* nagłówki */
.md-typeset h2, .md-typeset h3,
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
    color: #C9C9C9 !important;   /* osobny kolor dla nagłówków */
    font-weight: bold;
    font-size: 1.2rem;
}

.md-typeset h2 {
    color: #ffffff !important;  /* Twój kolor */
    font-weight: bold;
    font-size: 1.2rem !important;
}

.md-typeset h3 {
    color: #ffffff !important;  /* Twój kolor */
    font-weight: bold;
    font-size: 1rem !important;
}

/* Kontener input */
.md-search__inner {
    border-radius: 12px;
}

.md-md-search__output {
    border-radius: 12px;
}

/* Zaokrąglone pole wyszukiwania */
.md-search__input {
    border-radius: 12px;       /* promień narożników */
    border: 0px;    /* opcjonalnie kolor obramowania */
    padding: 0.5rem 1rem;      /* opcjonalnie padding wewnątrz */
    color: #FFFFFF;            /* kolor tekstu */
}

/* opcjonalnie focus */
.md-search__input:focus {
    outline: none;             /* usuwa domyślny focus */
    border-color: #1559ed;     /* zmienia kolor obramowania przy focus */
    box-shadow: 0 0 0 2px transparent; /* efekt halo */
}


/* CAŁY PASEK SEARCH W HEADERZE */
.md-header .md-search__form {
    border-radius: 12px;
    border: 1px solid transparent;

}

/* normalny link */
.md-nav__title {
    color: #C9C9C9 !important;
}

/* Ukrywa TYLKO tekst w tytule drawer, zostawia logo */
label.md-nav__title[for="__drawer"] {
    font-size: 0;              /* zabija tekst */
}

/* normalny link */
.md-nav__link {
    color: #C9C9C9 !important;
}

/* hover */
.md-nav__link:hover {
    color: #FFFFFF !important;
}

/* aktywna strona */
.md-nav__link--active {
    color: #1559ed !important;
    font-weight: 600;
}

/* aktywna + hover */
.md-nav__link--active:hover {
    color: #4f7cff !important;
}


/* Inline code w tekście */



.md-code__nav {
    background-color: transparent !important;;
    color: transparent !important;
}

.md-code__nav:hover {
    background-color: transparent !important;
    color: transparent !important;
}

/* styl dla przycisku kopiowania kodu */
.md-code__button {
    background-color: #1559ed;   /* tło przycisku */
    color: #ffffff;              /* kolor ikony */
    border: none;                /* usuwa obramowanie */
    border-radius: 12px;          /* zaokrąglenie rogów */
    width: 32px;                 /* szerokość przycisku */
    height: 32px;                /* wysokość przycisku */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

/* hover */
.md-code__button:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff;             /* opcjonalna zmiana koloru ikony */
}

/* ikonka kopiowania - jeśli używa pseudo-elementów */
/* .md-code__button::after {
    content: "📋"; 
    font-size: 16px;
} */

/* zapobiega dziedziczeniu hover z pre>code */
/* .md-typeset pre:hover .md-code__button .md-code__nav {
    background-color: red !important;
    background: red !important;
    
} */

/* tytuły sekcji w lewym menu */
.md-nav__item--section > .md-nav__link > .md-ellipsis {
    color: #1559ed;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.7rem;
}

/* ZAGNIEŻDŻONE sekcje (np. Android, iOS) */
/* zagnieżdżone sekcje (collapsible labels) */
.md-nav__list .md-nav__list label.md-nav__link > .md-ellipsis {
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: none;
}



/* Cała tabela */


/* Komórki nagłówka */
.md-typeset table th {
    background-color: #062256;
    color: #ffffff;
    font-weight: bold;
    padding: 0.5em 1em;
    text-align: left;
}

/* Komórki zwykłe */
.md-typeset table td {
    border: 1px solid #333;
    padding: 0.5em 1em;
}

/* Rzędy naprzemiennie */
.md-typeset table tr:nth-child(even) td {
    background-color: #1a1a1a;
}

/* Hover na wiersz */
.md-typeset table tr:hover td {
    background-color: #3333ff22;  /* delikatne podświetlenie */
}

/* wrapper tabeli - KLUCZOWE */
.md-typeset__scrollwrap {
    overflow-x: auto;
}

/* kontener tabeli */
.md-typeset__table {
    width: 100%;
}

/* sama tabela */
.md-typeset table {
    width: 100%;
    table-layout: auto !important;
}

/* komórki - NAJWAŻNIEJSZE */
.md-typeset table th,
.md-typeset table td {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}


.http-get {
    background-color: #4CAF50; /* zielony */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}

.http-post {
    background-color: #2196F3; /* niebieski */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}

.http-put {
    background-color: #FF9800; /* pomarańczowy */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}

.http-delete {
    background-color: #F44336; /* czerwony */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}

.http-patch {
    background-color: #9C27B0; /* fioletowy */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}

.http-head {
    background-color: #607D8B; /* szary-niebieski */
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85em;
}




.md-typeset pre code {
    background-color: #00061a !important;
    color: #000000 !important; /* tekst domyślny */
}
/* tekst wewnątrz pre code */
.md-typeset pre code span.c { color: #7E8AA1 !important; } /* Comment */
.md-typeset pre code span.err { color: #F88F7F !important; } /* Error */
.md-typeset pre code span.esc { color: #D4D2C8 !important; } /* Escape */
.md-typeset pre code span.g { color: #D4D2C8 !important; } /* Generic */
.md-typeset pre code span.k { color: #FFAD66 !important; } /* Keyword */
.md-typeset pre code span.l { color: #D5FF80 !important; } /* Literal */
.md-typeset pre code span.n { color: #D4D2C8 !important; } /* Name */
.md-typeset pre code span.o { color: #FFAD66 !important; } /* Operator */
.md-typeset pre code span.x { color: #D4D2C8 !important; } /* Other */
.md-typeset pre code span.p { color: #D4D2C8 !important; } /* Punctuation */
.md-typeset pre code span.ch { color: #F88F7F !important; font-style: italic !important; } /* Comment.Hashbang */
.md-typeset pre code span.cm { color: #7E8AA1 !important; } /* Comment.Multiline */
.md-typeset pre code span.cp { color: #FFAD66 !important; font-weight: bold !important; } /* Comment.Preproc */
.md-typeset pre code span.cpf { color: #7E8AA1 !important; } /* Comment.PreprocFile */
.md-typeset pre code span.c1 { color: #7E8AA1 !important; } /* Comment.Single */
.md-typeset pre code span.cs { color: #7E8AA1 !important; font-style: italic !important; } /* Comment.Special */
.md-typeset pre code span.gd { color: #F88F7F !important; background-color: #3D1E20 !important; } /* Generic.Deleted */
.md-typeset pre code span.ge { color: #D4D2C8 !important; font-style: italic !important; } /* Generic.Emph */
.md-typeset pre code span.ges { color: #D4D2C8 !important; } /* Generic.EmphStrong */
.md-typeset pre code span.gr { color: #F88F7F !important; } /* Generic.Error */
.md-typeset pre code span.gh { color: #D4D2C8 !important; } /* Generic.Heading */
.md-typeset pre code span.gi { color: #6AD4AF !important; background-color: #19362C !important; } /* Generic.Inserted */
.md-typeset pre code span.go { color: #7E8AA1 !important; } /* Generic.Output */
.md-typeset pre code span.gp { color: #D4D2C8 !important; } /* Generic.Prompt */
.md-typeset pre code span.gs { color: #D4D2C8 !important; font-weight: bold !important; } /* Generic.Strong */
.md-typeset pre code span.gu { color: #D4D2C8 !important; } /* Generic.Subheading */
.md-typeset pre code span.gt { color: #F88F7F !important; } /* Generic.Traceback */
.md-typeset pre code span.kc { color: #FFAD66 !important; } /* Keyword.Constant */
.md-typeset pre code span.kd { color: #FFAD66 !important; } /* Keyword.Declaration */
.md-typeset pre code span.kn { color: #FFAD66 !important; } /* Keyword.Namespace */
.md-typeset pre code span.kp { color: #FFAD66 !important; } /* Keyword.Pseudo */
.md-typeset pre code span.kr { color: #FFAD66 !important; } /* Keyword.Reserved */
.md-typeset pre code span.kt { color: #73D0FF !important; } /* Keyword.Type */
.md-typeset pre code span.ld { color: #D5FF80 !important; } /* Literal.Date */
.md-typeset pre code span.m { color: #DFBFFF !important; } /* Literal.Number */
.md-typeset pre code span.s { color: #D5FF80 !important; } /* Literal.String */
.md-typeset pre code span.na { color: #FFD173 !important; } /* Name.Attribute */
.md-typeset pre code span.nb { color: #FFD173 !important; } /* Name.Builtin */
.md-typeset pre code span.nc { color: #73D0FF !important; } /* Name.Class */
.md-typeset pre code span.no { color: #FFD173 !important; } /* Name.Constant */
.md-typeset pre code span.nd { color: #7E8AA1 !important; font-weight: bold !important; font-style: italic !important; } /* Name.Decorator */
.md-typeset pre code span.ni { color: #95E6CB !important; } /* Name.Entity */
.md-typeset pre code span.ne { color: #73D0FF !important; } /* Name.Exception */
.md-typeset pre code span.nf { color: #FFD173 !important; } /* Name.Function */
.md-typeset pre code span.nl { color: #D4D2C8 !important; } /* Name.Label */
.md-typeset pre code span.nn { color: #D4D2C8 !important; } /* Name.Namespace */
.md-typeset pre code span.nx { color: #D4D2C8 !important; } /* Name.Other */
.md-typeset pre code span.py { color: #FFD173 !important; } /* Name.Property */
.md-typeset pre code span.nt { color: #5CCFE6 !important; } /* Name.Tag */
.md-typeset pre code span.nv { color: #FFFFFF !important; } /* Name.Variable (raw) */
.md-typeset pre code span.ow { color: #FFAD66 !important; } /* Operator.Word */
.md-typeset pre code span.pm { color: #D4D2C8 !important; } /* Punctuation.Marker */
.md-typeset pre code span.w { color: #D4D2C8 !important; } /* Text.Whitespace */
.md-typeset pre code span.mb, 
.md-typeset pre code span.mf, 
.md-typeset pre code span.mh, 
.md-typeset pre code span.mi, 
.md-typeset pre code span.mo, 
.md-typeset pre code span.il { color: #DFBFFF !important; } /* Numbers */
.md-typeset pre code span.sa, 
.md-typeset pre code span.sb, 
.md-typeset pre code span.sc, 
.md-typeset pre code span.dl, 
.md-typeset pre code span.s2, 
.md-typeset pre code span.sh, 
.md-typeset pre code span.s1 { color: #D5FF80 !important; } /* Strings */
.md-typeset pre code span.se, 
.md-typeset pre code span.si, 
.md-typeset pre code span.sx, 
.md-typeset pre code span.sr { color: #95E6CB !important; } /* String escapes / regex / interpol */
.md-typeset pre code span.ss { color: #DFBFFF !important; } /* String.Symbol */
.md-typeset pre code span.bp { color: #5CCFE6 !important; } /* Name.Builtin.Pseudo */
.md-typeset pre code span.fm { color: #FFD173 !important; } /* Name.Function.Magic */
.md-typeset pre code span.vc, 
.md-typeset pre code span.vg, 
.md-typeset pre code span.vi, 
.md-typeset pre code span.vm { color: #D4D2C8 !important; } /* Variables */


/* Tab style starts here */
.tabbed-alternate {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: column !important;
  margin: 1em 0 !important;
  border-radius: 0.9rem !important;
}
/* Cały kontener tabów */
.md-typeset .tabbed-set {
    border: 0px solid #1559ed !important;   /* border wokół tabów */
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Pojedynczy label/tab */
.tabbed-labels label {
    flex: 1 !important;
    padding: 0.5em 1em !important;
    text-align: center !important;
    background-color: #1d2331;  /* tło nieaktywnego tab */
    color: #C9C9C9 !important;              /* kolor tekstu */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.2s, color 0.2s !important;
}

.tabbed-set > input:nth-of-type(1):checked ~ .tabbed-labels > label:nth-of-type(1) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(2):checked ~ .tabbed-labels > label:nth-of-type(2) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(3):checked ~ .tabbed-labels > label:nth-of-type(3) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(4):checked ~ .tabbed-labels > label:nth-of-type(4) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(5):checked ~ .tabbed-labels > label:nth-of-type(5) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(6):checked ~ .tabbed-labels > label:nth-of-type(6) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(7):checked ~ .tabbed-labels > label:nth-of-type(7) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(8):checked ~ .tabbed-labels > label:nth-of-type(8) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-set > input:nth-of-type(9):checked ~ .tabbed-labels > label:nth-of-type(9) {
background: #1559ed;
color: white;
border-bottom: 2px solid #fff;
}
.tabbed-labels label {
background: #1d2331;
color: #C9C9C9;
transition: all 0.2s;
}
.tabbed-labels label:hover {
background: #2457E7;
color: white;
}












/* ─────────────── Globalny fallback / reset ─────────────── */
.md-sidebar__scrollwrap,
.md-search__scrollwrap,
.md-typeset pre > code,
.md-content__inner,
.md-typeset details,
.md-footer__inner {
  scrollbar-width: thin;           /* Firefox */
  scrollbar-color: #888 #222;      /* Firefox – thumb | track */
}

/* ─────────────── Webkit / Chrome / Edge / Safari ─────────────── */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #1e1e1e;             /* ciemny track domyślny */
}

::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #888;
}

/* ─────────────── Konkretne elementy – różne kolory ─────────────── */

/* Lewy sidebar (główna nawigacja) */
.md-sidebar__scrollwrap {
  scrollbar-color: #062256 transparent;
}

.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background: #1559ed;
}

.md-sidebar__scrollwrap:hover::-webkit-scrollbar-thumb {
  background: #1559ed;
}

/* Prawy sidebar (toc) */
.md-sidebar--secondary .md-sidebar__scrollwrap {
  scrollbar-color: #062256 transparent;   /* zielony */
}

.md-sidebar--secondary .md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background: #4caf50;
}

/* Bloki kodu */
.md-typeset pre > code {
  border-radius: 10px;
  scrollbar-color: #062256 transparent;   /* róż/hot pink */
}

.md-typeset pre > code::-webkit-scrollbar-thumb {
  background: #062256;
}

/* Obszar wyszukiwania */
.md-search__scrollwrap {
  scrollbar-color: #1559ed transparent;      /* niebieski */
}

.md-search__scrollwrap::-webkit-scrollbar-thumb {
  background: #1559ed;
}

/* Główna treść artykułu */
.md-content__inner {
  scrollbar-color: #062256 transparent;   /* fiolet */
}

.md-content__inner::-webkit-scrollbar-thumb {
  background: #2d2d2d;
}

::-webkit-scrollbar-thumb:hover {
  background: #1559ed;               /* ← globalny hover */
}

.md-sidebar__scrollwrap:hover {
  scrollbar-color: #1559ed transparent;     /* jaśniejszy na hover */
}



/* Wszystkie admonitions */
.admonition {
    background-color: #111720 !important; /* tło */
    color: #ffffff !important;            /* tekst */
}

/* Tylko tip */
.admonition.tip {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.failure {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.danger {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.bug {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.example {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.quote {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.question {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.success {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.info {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.abstract {
    background-color: #111720 !important;
    color: #ffffff !important;
}

.admonition.note {
    background-color: #111720 !important;
    color: #ffffff !important;
}

/* Tylko warning */
.admonition.warning {
    background-color: #111720 !important;
    color: #ffffff !important;
    border: 1px solid #FF6F00 !important;
}


/* Tytuł admonition */
.admonition > p:first-child,
.admonition > .admonition-title {
    color: inherit !important; /* dziedziczy kolor tekstu z tła admonition */
}

mark {
    background-color: #3F51B5 !important;  /* tło */
    color: #ffffff !important;             /* kolor tekstu */
    padding: 0.1em 0.2em;                  /* opcjonalnie trochę paddingu */
    border-radius: 2px;                     /* opcjonalnie lekko zaokrąglone rogi */
}