/* ==========================================================
 *  Variables globales de diseño — Reportes GeoPerú
 *  Copiado del design system del visor GeoPerú
 *  (geoperu-visor/public/css/variables.css). Cambiar estos
 *  valores aplica en todos los reporteadores.
 * ========================================================== */
:root {
  /* Tipografía */
  --font-base: "Roboto", sans-serif;
  --font-primary: var(--font-base);

  /* Paleta gob.pe (Design System) */
  --color-primary: #1363D0;       /* B650 */
  --color-primary-dark: #184397;  /* B800 */
  --color-primary-light: #4597E8; /* B500 */
  --color-secondary: #5D2EE5;     /* P700 */

  --color-success: #1B9D6B;       /* G700 */
  --color-warning: #FF6701;       /* O700 */
  --color-danger: #DC362E;        /* R700 */
  --color-info: #0995AD;          /* SB800 */

  /* gob.pe institucional */
  --gobpe-red: #BF0909;           /* R800 - escudo */
  --gobpe-dark: #1A1A1A;          /* barra superior */
  --color-link: #0056AC;          /* B700 - call to action secundario */
  --color-accent: #27A5CE;        /* cian de etiquetas (Departamento/Provincia/Distrito) */

  /* Neutros */
  --color-text-strong: #26292E;   /* G800 */
  --color-text-secondary: #515458;/* G600 */
  --color-text-muted: #999999;
  --color-border: #DEE3EA;        /* N300 */
  --color-border-light: #EDF0F4;  /* N250 */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F6F9FC;        /* N100 */
  --color-bg-blue: #EEF3FB;       /* B300 */

  /* Espaciado */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;

  /* Escala tipográfica oficial GOB.PE (desktop) */
  --h1-size: 36px; --h1-weight: 800; --h1-lh: 40px;
  --h2-size: 30px; --h2-weight: 700; --h2-lh: 40px;
  --h3-size: 24px; --h3-weight: 700; --h3-lh: 32px;
  --h4-size: 20px; --h4-weight: 700; --h4-lh: 28px;
  --h5-size: 16px; --h5-weight: 500; --h5-lh: 24px;
  --tag-size: 14px; --tag-lh: 20px;
  --body-size: 16px; --body-lh: 1.5;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  --transition: all 0.18s ease;

  /* Redes sociales (compartir) */
  --share-facebook-bg: #e7f0ff;
  --share-facebook-color: #1877F2;
  --share-facebook-hover: #d0e3ff;
  --share-linkedin-bg: #e4f1f9;
  --share-linkedin-color: #0A66C2;
  --share-linkedin-hover: #cce5f5;
  --share-whatsapp-bg: #e6f9ee;
  --share-whatsapp-color: #25D366;
  --share-whatsapp-hover: #ccf2dc;
  --share-x-bg: #f0f0f0;
  --share-x-color: #1d1d1d;
  --share-x-hover: #e0e0e0;
  --share-email-bg: #fce8e8;
  --share-email-color: #d93025;
  --share-email-hover: #f8d0d0;
}