@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500&family=Inter:wght@300;400;500&display=swap');

:root {
  --bg: #030816;
  --bg-surface: rgba(20, 20, 20, 0.4);
  --blue: #2f6fe4;         /* primario — extraído de la imagen hero */
  --blue-soft: #6ea8ff;    /* acentos */
  --text: #FFFFFF;
  --text-dim: #94A3B8;
  --text-muted: #94A3B8;
  --border: rgba(255, 255, 255, 0.08);
  
  --radius-sm: 6px; 
  --radius-md: 12px; 
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --font-family: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --transition-expo: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-expo-fast: 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  /* Mycelial System Tokens */
  --mycelium-thread: rgba(240, 237, 232, 0.15); /* Hilos finos exploratorios */
  --mycelium-cord: rgba(240, 237, 232, 0.4);    /* Cordones comerciales gruesos */
  --mycelium-trail: #FFFFFF;                    /* Rastro térmico caliente (visitado) */
  --mycelium-glow: 0 0 15px rgba(255, 255, 255, 0.4); /* Fructificación / Quimiotaxis */
}