/* Minimalny CSS uzupełniający Tailwind (CDN) – na bazie eksportu ze Stitcha */

:root{
  --primary-red:#E30613;
  --primary-blue:#2D8BCA;
  --dark-navy:#002D56;
  --sec-yellow:#FFEB00;
  --sec-magenta:#C12A84;
  --sec-orange:#F39200;
  --sec-green:#009640;
  --background-light:#f8fafc;
}

html{
  scroll-behavior: smooth;
  scroll-padding-top: 64px; /* mobile */
}


/* Typografia / kolor bazowy */
body{
  font-family:"Lexend", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--dark-navy);
}

/* Ikony Google Material Symbols */
.material-symbols-outlined{
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Czytelność tekstu na zdjęciach */
.text-high-contrast{
  text-shadow: 0 4px 12px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.8);
}

/* Mapa w szarości */
.map-grayscale{
  filter: grayscale(80%) contrast(110%);
}

/* Tooltipy */
.tooltip{
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.has-tooltip:hover .tooltip{
  visibility: visible;
  opacity: 1;
}

/* Rozwijane karty info */
.info-card details[open] summary .expand-icon{
  transform: rotate(180deg);
}
.info-card summary::-webkit-details-marker{ display:none; }
.info-card summary{ list-style:none; }

/* Dostępność – wyraźny focus dla klawiatury */
a:focus-visible, button:focus-visible, summary:focus-visible{
  outline: 3px solid rgba(45,139,202,0.45);
  outline-offset: 3px;
  border-radius: 12px;
}