/* rumorea — hoja de estilos principal */

:root {
  --ink: #19181f;
  --ground: #faf6ee;
  --tint: #ffe9ee;
  --pink: #f54879;
  --pink-dark: #cd285e;
  --lime: #a9e44a;
  --line: #19181f;
  --muted: #605c68;
  --font-heading: "Big Shoulders Display", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;

  /* alias de compatibilidad: dashboard.php, campaigns.php, complete-profile.php,
     login.php, register.php, terms.php, privacy.php y src/partials.php todavía
     usan var(--blue)/var(--blue-dark) del tema viejo — en vez de tocar cada
     archivo, se re-mapean al acento nuevo para que queden consistentes. */
  --blue: var(--pink);
  --blue-dark: var(--pink-dark);
}

* , *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--font-body);
  text-wrap: pretty;
  overflow-x: hidden;
}

a { color: var(--ink); text-decoration: none; }
a:hover { color: var(--pink); }

img { max-width: 100%; display: block; }
/* estados hover (reemplazan los style-hover del diseño original) */
.hov-link-ink:hover { color: var(--ink); }
.hov-link-pink:hover { color: var(--pink); }
.hov-dim:hover { filter: brightness(0.92); }
.hov-bg-tint:hover { background: var(--tint); }
.hov-border-accent:hover { border-color: var(--pink); }
/* alias de compatibilidad (ver nota en :root) */
.hov-link-blue:hover { color: var(--pink); }
.hov-bg-bluedark:hover { background: var(--pink-dark); }

/* — barra de navegación de la app (ver render_head en partials.php) —
   Con Panel + Campañas + Soporte + Admin + saludo + Salir, en un teléfono la fila
   se parte en tres y la barra se come media pantalla. Achicamos la separación y
   escondemos el saludo, que es lo único que no lleva a ningún lado. */
@media (max-width: 680px) {
  .rum-nav { gap: 14px !important; }
  .rum-nav-greet { display: none; }
}