/* Naturpack Design System — global entry point.
   Consumers link THIS file. Keep it a list of @imports only. */

@import "./tokens/fonts.css";
@import "./tokens/colors.css";
@import "./tokens/typography.css";
@import "./tokens/spacing.css";

/* Base compartida de las 6 páginas (antes duplicada inline en cada HTML). */
html, body { margin: 0; padding: 0; background: var(--np-bg); font-family: var(--np-font-sans); }
*, *::before, *::after { box-sizing: border-box; }
#root { min-height: 100vh; }

/* Marca de esquina (NPCorner, en Chrome.jsx): compacta en pantallas angostas.
   Vivía dentro del <style> del Nav — dependencia invisible entre componentes. */
@media (max-width: 920px) {
  .np-corner img { height: 28px !important; }
  .np-corner span { font-size: 18px !important; }
  .np-corner { gap: 7px !important; }
}