/* ============================================================
   tokens.css — variables de marca
   Fuente de verdad del color. Hex extraídos del CSS real del
   sitio de referencia (PAPIME). No aproximar ni "mejorar".
   ============================================================ */

:root {
  /* ---- Degradado firma. Está en el botón CTA, los pines del mapa,
         el encabezado de cada estación y el punto activo del carrusel ---- */
  --grad-marca:   linear-gradient(135deg, #667eea, #764ba2);
  --morado:       #667eea;
  --violeta:      #764ba2;
  --lavanda:      #a78bfa;

  /* ---- Acentos ---- */
  --azul:         #3b82f6;   /* botón MODELO 3D */
  --verde:        #10b981;   /* botón FOTO 360 · badge de estaciones */
  --verde-claro:  #4ade80;
  --rojo:         #ef4444;   /* botón FICHA PDF */
  --naranja:      #f97316;
  --rosa:         #f472b6;

  /* ---- Fondos oscuros ---- */
  --oscuro-1:     #0a0a1a;
  --oscuro-2:     #1a1a2e;
  --oscuro-3:     #16213e;
  --oscuro-4:     #0f3460;

  /* ---- Fondos claros ---- */
  --blanco:       #ffffff;
  --gris-01:      #f8fafc;
  --gris-02:      #fafbfc;
  --linea:        #e2e8f0;

  /* ---- Texto sobre claro ---- */
  --texto:        #1f2937;
  --texto-suave:  #64748b;

  /* ---- Radios ---- */
  --r-estacion:   28px;
  --r-carrusel:   20px;
  --r-modal:      24px;
  --r-badge:      18px;
  --r-pildora:    60px;

  /* ---- Contenedor ---- */
  --contenedor:   1200px;

  /* ---- Tipografía ---- */
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
}