/* ════════════════════════════════════════════════════════════════
   BASE · Miss Pepi
   Reset, tipografía y variables compartidas por todas las vistas.
   Los colores de categoría son la única fuente de verdad: el menú
   los lee con getComputedStyle, así CSS y JS no se desincronizan.
   ════════════════════════════════════════════════════════════════ */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* colores por categoría (provisionales, mega básicos) */
  --c-photo:   #f0f;
  --c-graphic: #0ff;
  --c-video:   #ff0;
  --c-contact: #f00;
  --c-about:   #00f;
  --c-welcome: #0f0;
}

html, body { height: 100%; }
body {
  background: #fff;
  overflow: hidden; /* la web es una SPA a pantalla fija; cada vista scrollea por dentro */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img { -webkit-user-drag: none; user-select: none; }

/* vista principal donde el router monta galerías y páginas */
#app-view { position: fixed; inset: 0; }