/* =============================================================
   Planer (aplikacja React w planner/app) — nowy wygląd strony
   (październik 2026). Nie przebudowujemy aplikacji: nadpisujemy
   jej zmienne --pl-* i kilka reguł. Ładowany po CSS aplikacji.
   ============================================================= */
html:root {
  --pl-bg: #F1EFE8;
  --pl-surface: #FFFFFF;
  --pl-ink: #17181C;
  --pl-muted: #5B5E66;
  --pl-line-red: #D7192A;
  --pl-line-blue: #1F5FD6;
  --pl-accent: #D7192A;
  --pl-accent-2: #D7192A;
  --pl-border: #E3E1DA;
  --pl-radius: 20px;
  --pl-shadow: none;
}
html body { background: var(--pl-bg); }
html body .pl-btn { border-radius: 14px; min-height: 48px; font-weight: 800; }
html body .pl-btn-primary { background: #D7192A; box-shadow: none; }
html body .pl-btn-primary:hover { background: #A8101E; transform: none; }
html body .pl-chip { background: #FBE6E7; color: #17181C; font-weight: 700; }
html body .pl-day-head { background: #17181C; }
/* tło karty, zanim wczyta się zdjęcie atrakcji (zamiast pełnej czerwieni) */
html body .pl-card-media { background: #E8E5DC; }
/* style.css zeruje padding body do 480 px — planer zaczynałby się pod paskiem */
@media (max-width: 480px) {
  html body { padding-top: var(--navbar-height, 68px); }
}