:root { --header-h: 60px; }

/* =========================================================
   MODALITÀ PHOTOS / ACTIVITIES (toggle globale)
   ========================================================= */

body.photos {
  --tile-bg: #ffffff;
  --tile-border: transparent;
  --tile-thumb-size: auto;
  --tile-label-color: #000;

  --panel-bg: #ffffff;
  --panel-title-color: #000;

  --modal-bg: #000000;
}

body.activities {
  --tile-bg: #f5f7ff;
  --tile-border: #d0d8ff;
  --tile-thumb-size: 64px;
  --tile-label-color: #0033aa;

  --panel-bg: #eef4ff;
  --panel-title-color: #0056d6;

  --modal-bg: #eef4ff;
}

/* Safe-area iOS */
@supports (top: env(safe-area-inset-top)) {
  :root { --safe-top: env(safe-area-inset-top); }
}
@supports not (top: env(safe-area-inset-top)) {
  :root { --safe-top: 0px; }
}

body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  background: #fafafa;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}