/* ============================================================
   🏠 HOMEPAGE — Sistema de diseño propio (variables renombradas)
   Prefijo: --hp-  (sin colisión con --exp- de expedientes)
   ============================================================ */

:root {

  /* ── Layout / Página ────────────────────────────────────── */
  --hp-page-bg:               var(--tok-bg-page);
  --hp-surface:               var(--tok-bg-surface);
  --hp-line:                  var(--tok-border);
  --hp-surface-hover:         var(--tok-bg-hover);

  /* ── Topbar / Header ────────────────────────────────────── */
  --hp-bar-bg:                var(--tok-dark);
  --hp-bar-fg:                var(--tok-text-on-dark);
  --hp-bar-subtle:            var(--tok-dark-subtle);
  --hp-bar-accent:            var(--tok-primary);

  /* ── Tipografía ─────────────────────────────────────────── */
  --hp-text-base:             var(--tok-text-base);
  --hp-text-muted:            var(--tok-text-muted);
  --hp-text-label:            var(--tok-text-label);

  /* ── Acento primario (naranja sunset) ───────────────────── */
  --hp-primary:               var(--tok-primary);
  --hp-primary-fg:            var(--tok-primary-text);

  /* ── Acentos de módulos ─────────────────────────────────── */
  --hp-module-news:           var(--tok-module-news);     /* azul   · Noticias    */
  --hp-module-gis:            var(--tok-module-gis);      /* verde  · Visor GIS   */
  --hp-module-members:        var(--tok-module-amber);    /* ámbar  · Socios      */

  /* ── Clima ──────────────────────────────────────────────── */
  --hp-wx-sun:                var(--tok-module-amber);
  --hp-wx-cloud:              var(--tok-wx-cloud);
  --hp-wx-rain:               var(--tok-wx-rain);
  --hp-wx-storm:              var(--tok-wx-storm);

}