/* ============================================================
   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;

  /* ---- Acento por familia de roca (solo chips y badges, nunca fondos) ---- */
  --fam-igneas:        #f472b6;
  --fam-metamorficas:  #a78bfa;
  --fam-sedimentarias: #10b981;
  --fam-estructuras:   #3b82f6;

  /* ---- Texto sobre oscuro ---- */
  --claro:        #f1f5f9;
  --claro-suave:  #b8c1d1;   /* 8.9:1 sobre --oscuro-2 */

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

  /* ---- Movimiento ---- */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);

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

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