/* ============================================================
   emap design tokens — importados de "emap Bizkaia.dc.html"
   (claude.ai/design p/2736eccd). Fuente de verdad visual.
   Tema claro por defecto; [data-theme="dark"] invierte.
   ============================================================ */

:root {
  /* Tipografía */
  --font-ui: 'Geist', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-display: 'Instrument Serif', serif;

  /* Acento de marca (lima) */
  --accent: #C6FF3D;
  --accent-ink: #0A0B0D;          /* texto sobre acento */
  --accent-deep: #84A81B;         /* lima legible sobre claro */
  --accent-text: #486312;         /* texto lima sobre claro */
  --focus-ring: rgba(198, 255, 61, 0.55);

  /* Superficies y texto — tema claro */
  --bg: #E9EBE4;                  /* fondo mapa/app */
  --surface: #FFFFFF;
  --surface-2: #F6F7F2;
  --border: #D8DBD1;
  --border-soft: #E4E6DD;
  --divider: #EEF0E9;
  --text: #16181D;
  --text-2: #5A5F58;
  --text-3: #6B7066;   /* AA 4.7:1 también sobre surface-2 (a11y B.8) */
  --text-faint: #A0A49A;
  --shadow-card: 0 4px 16px rgba(10, 11, 13, 0.10);
  --shadow-pop: 0 8px 28px rgba(10, 11, 13, 0.16);
  --shadow-sheet: 0 -8px 32px rgba(10, 11, 13, 0.14);
  --rt: #84A81B;                  /* pulso tiempo real */
  --rt-text: #486312;
  --danger-text: #B3223F;
  --danger-bg: #FDF0F3;
  --danger-border: #E5B8C2;

  /* Mapa placeholder (SVG) */
  --map-bg: #E9EBE4;
  --map-block: #DFE2D8;
  --map-water: #BCD6E8;
  --map-water-label: #7FA8C4;
  --map-road: #FFFFFF;
  --map-green: #CBDFC0;
  --map-label: #787D72;
  --map-station: #FFFFFF;

  /* Colores semánticos de red (idénticos en ambos temas) */
  --metro-l1: #FF6505;
  --metro-l2: #009FE3;
  --euskotren: #009A44;
  --cercanias: #DA291C;
  --bike: #16A34A;
  --bike-deep: #15803D;
  --bike-bg: #E7F6EC;
  --zbe: #FFB547;
  --zbe-stroke: #D98F1F;
  --zbe-text: #B0700E;
  --gps: #0E7490;
  --parking: #1D4ED8;

  /* Ruta sobre el mapa */
  --route-line: #16181D;

  /* Métricas */
  --r-card: 8px;
  --r-banner: 10px;
  --r-sheet: 16px;
  --r-badge: 3px;
  --tap: 44px;
  --tap-lg: 48px;
}

[data-theme="dark"] {
  --bg: #0A0B0D;
  --surface: #16181D;
  --surface-2: #101216;
  --border: #292D35;
  --border-soft: #22262D;
  --divider: #22262D;
  --text: #F2F3F5;
  --text-2: #9AA0AA;
  --text-3: #8B92A0;   /* AA 5.7:1 sobre #16181D (a11y B.8) */
  --text-faint: #5C636E;
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -12px 40px rgba(0, 0, 0, 0.5);
  --accent-deep: #C6FF3D;
  --accent-text: #C6FF3D;
  --rt: #C6FF3D;
  --rt-text: #C6FF3D;
  --danger-text: #FF5577;
  --danger-bg: rgba(255, 85, 119, 0.10);
  --danger-border: rgba(255, 85, 119, 0.4);

  --map-bg: #101318;
  --map-block: #171C23;
  --map-water: #17293A;
  --map-water-label: #3E6178;
  --map-road: #20262E;
  --map-green: #14201A;
  --map-label: #5C636E;
  --map-station: #101318;
  --route-line: #C6FF3D;
}

@keyframes emapPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}