/* =========================================================
   Tryb nocny (ciemny granat) + przełącznik słońce/księżyc.
   Włączany atrybutem data-theme="dark" na <html> (js/theme.js).
   Dzienny wygląd strony pozostaje bez zmian.
   ========================================================= */

/* --- przełącznik (widoczny w obu motywach) --- */
.tema-przelacznik {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin-left: 8px; padding: 0;
  border: 1px solid rgba(255,255,255,0.35); border-radius: 50%;
  background: rgba(255,255,255,0.08); color: #f0e6d8; cursor: pointer;
  font-size: 17px; line-height: 1; vertical-align: middle;
}
.tema-przelacznik:hover { background: rgba(255,255,255,0.22); }
.tema-przelacznik:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.tema-przelacznik .tema-ikona-slonce { display: none; }
html[data-theme="dark"] .tema-przelacznik .tema-ikona-slonce { display: inline; }
html[data-theme="dark"] .tema-przelacznik .tema-ikona-ksiezyc { display: none; }
/* ikona wyrównania pokazuje tryb, na który się przełączamy */
.wyrownanie-przelacznik { margin-left: 6px; }
.wyrownanie-przelacznik .wyr-ikona-justuj { display: none; }
html[data-wyrownanie="left"] .wyrownanie-przelacznik .wyr-ikona-lewo { display: none; }
html[data-wyrownanie="left"] .wyrownanie-przelacznik .wyr-ikona-justuj { display: block; }

/* --- paleta --- */
html[data-theme="dark"] {
  color-scheme: dark;
  --color-navy:        #1f4468;
  --color-navy-dark:   #183654;
  --color-teal:        #8fd0e0;
  --color-accent:      #e0a96d;
  --color-accent-dark: #f0c391;
  --color-bg:          #243b55;
  --color-surface:     #2d4866;
  --color-border:      #44628a;
  --color-text:        #f1ede4;
  --color-text-muted:  #c3cedb;
  --color-text-inverse:#f6eee0;
  --color-head:        #fff8ea;
  --color-ink:         #fff8ea;   /* kolor tekstu, który w dzień jest granatowy */
  --shadow-card: 0 2px 6px rgba(0,0,0,0.25);
}
html[data-theme="dark"] body { background: var(--color-bg); color: var(--color-text); }
html[data-theme="dark"] a { color: var(--color-teal); }
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4 { color: var(--color-head); }
html[data-theme="dark"] .site-header a,
html[data-theme="dark"] .site-footer a { color: inherit; }
html[data-theme="dark"] .nav-dropdown a { color: var(--color-text); }
html[data-theme="dark"] .nav-dropdown a:hover { color: var(--color-head); }

/* przyciski: tekst na złotym tle ciemny dla kontrastu */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-primary:hover { color: #1b2a3a; background: var(--color-accent); }
html[data-theme="dark"] .btn-secondary { color: #12303a; background: var(--color-teal); }
html[data-theme="dark"] .kalendarz-dzien-link { color: #1b2a3a; }
html[data-theme="dark"] .kalendarz-kropka { background: #1b2a3a; }

/* formularze */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #1b3149; color: var(--color-text); border-color: var(--color-border);
}
html[data-theme="dark"] ::placeholder { color: #94a6bb; }
html[data-theme="dark"] .akt-filtry > details,
html[data-theme="dark"] .czasopismo-karta,
html[data-theme="dark"] .czasopismo-spis,
html[data-theme="dark"] .czasopismo-numer { background: var(--color-surface); color: var(--color-text); }
html[data-theme="dark"] .akt-filtry > details > summary,
html[data-theme="dark"] .akt-grupa > summary { color: var(--color-text); }

/* komunikaty i plakietki */
html[data-theme="dark"] .form-error { background: #4a2a30; color: #ffd6d6; border-color: #7a4048; }
html[data-theme="dark"] .form-success,
html[data-theme="dark"] .badge-published { background: #24472f; color: #cfeecf; border-color: #3f6e4c; }
html[data-theme="dark"] .badge-draft { background: #3a4656; color: #d4dbe4; }
html[data-theme="dark"] .stub-notice,
html[data-theme="dark"] .biblioteka-komunikat,
html[data-theme="dark"] .sklep-info,
html[data-theme="dark"] .sklep-status-czeka,
html[data-theme="dark"] .badge-oczekuje { background: #4a4030; color: #f3e2b8; border-color: #7a6a44; }
html[data-theme="dark"] .sklep-status-ok,
html[data-theme="dark"] .badge-oplacone { background: #24472f; color: #cfeecf; }
html[data-theme="dark"] .sklep-status-anulowane,
html[data-theme="dark"] .badge-anulowane { background: #4a2a30; color: #ffd6d6; }
html[data-theme="dark"] .badge-wyslane { background: #27466b; color: #cfe3f7; }
html[data-theme="dark"] .badge-do-wyslania { background: #3a4656; color: #d4dbe4; }

/* tagi w Aktualnościach */
html[data-theme="dark"] .akt-tag { background: #35506f; color: #e6edf5; border-color: #4d6b8e; }
html[data-theme="dark"] .akt-tag-wydzial { background: #2c4f7a; color: #d6e6f8; }
html[data-theme="dark"] .akt-tag-komisja { background: #2e5a3b; color: #d6f0da; }
html[data-theme="dark"] .akt-tag-patronat { background: #5f4a24; color: #f6e2b8; }
html[data-theme="dark"] .akt-tag-lokalizacja { background: #4a3d6b; color: #e6dcf8; }

/* sklep: tła okładek, żeby jasne okładki nie świeciły */
html[data-theme="dark"] .sklep-okladka { background: #1b3149; }
html[data-theme="dark"] .sklep-okladka-brak { background: linear-gradient(160deg, #2a4262, #1f3550); }

/* treść wpisów z edytora: kolory wpisane na stałe (czarny tekst, białe tła) */
html[data-theme="dark"] .tresc-wpisu [style*="color"],
html[data-theme="dark"] .page-content [style*="color"] { color: inherit !important; }
html[data-theme="dark"] .tresc-wpisu a[style*="color"],
html[data-theme="dark"] .page-content a[style*="color"] { color: var(--color-teal) !important; }
html[data-theme="dark"] .tresc-wpisu [style*="background"],
html[data-theme="dark"] .page-content [style*="background"] { background: transparent !important; }
html[data-theme="dark"] table td, html[data-theme="dark"] table th { border-color: var(--color-border); }
html[data-theme="dark"] hr { border-color: var(--color-border); }
html[data-theme="dark"] code, html[data-theme="dark"] pre { background: #1b3149; color: #f1ede4; }

/* przyciski kontur, aktywne zakładki, bieżący dzień kalendarza — granat był tu kolorem tekstu/obramowania */
html[data-theme="dark"] .btn-outline { border-color: var(--color-ink); }
html[data-theme="dark"] .kalendarz-dzien.dzisiaj { box-shadow: inset 0 0 0 2px var(--color-accent); }
html[data-theme="dark"] .sklep-pasek a { color: var(--color-text-muted); }
html[data-theme="dark"] .sklep-pasek a:hover,
html[data-theme="dark"] .sklep-pasek a.active { color: var(--color-ink); }
html[data-theme="dark"] .akt-strony a { color: var(--color-text); }

/* sklep: numeracja stron */
html[data-theme="dark"] .sklep-strony-biezaca { background: var(--color-teal, #6bb7c9); border-color: var(--color-teal, #6bb7c9); color: #10243a; }