/* Tokens de marca MINAM — copiados de z_geovisor/frontend/src/styles.css y bienvenida.component.ts */
@font-face { font-family: 'Asap'; font-weight: 400; font-style: normal; src: url('fuentes/asap-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Asap'; font-weight: 400; font-style: italic; src: url('fuentes/asap-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Asap'; font-weight: 500; font-style: normal; src: url('fuentes/asap-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Asap'; font-weight: 700; font-style: normal; src: url('fuentes/asap-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 700; font-style: normal; font-display: swap; src: url('fuentes/playfair-display-700.woff2') format('woff2'); }

:root {
  /* Marca */
  --blue-main: #008bd2;        /* Pantone 2925 C */
  --blue-text: #006fa8;
  --azul-profundo: #00456e;
  --green-brand: #76b82a;      /* Pantone 368 C */
  --green-minam: #53811d;
  --red-alert: #e52527;        /* Pantone 485 C, solo errores */
  --yellow: #e5bb4d;
  --gradient-minam: linear-gradient(90deg, var(--green-brand), var(--blue-main));
  /* Rampa de calor (celeste) */
  --rampa-1: #bfe4f6; --rampa-2: #6bbfe8; --rampa-3: #008bd2; --rampa-4: #00456e;
  /* Neutros */
  --text-main: #3d484e;
  --text-muted: #68757b;
  --surface: #ffffff;
  --border: #d9e3e5;
  --sin-dato: #e9eef0;
  --shadow-panel: 0 4px 14px #194f5d2b;
  --radius-control: 6px;
  /* Pantalla de inicio (oscura) */
  --fondo: #04141c;
  /* Tipografía */
  --font-institucional: 'Asap', Arial, sans-serif;
  --font-titulo-inicio: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --text-label: 11px; --text-meta: 12px; --text-body: 13px; --text-title: 16px; --text-stat: 18px; --text-stat-hero: 24px;
}
/* Vista ciudadana: mismo visor en verde */
:root[data-vista='ciudadana'] {
  --blue-main: #47bc94; --blue-text: #2a7d67; --green-brand: #47bc94; --azul-profundo: #47bc94;
  --gradient-minam: linear-gradient(90deg, #47bc94, #165c51);
  --rampa-1: #e5f3da; --rampa-2: #b9dba9; --rampa-3: #378d74; --rampa-4: #165c51;
}