:root {
  /* ---- Marca ---- */
  --go-cyan:    #00e5ff;
  --go-blue:    #0071e3;
  --go-purple:  #8a2be2;
  --go-pink:    #ff2a85;
  --go-teal:    #00c6b2;
  --go-navy:    #0a1c2e;

  /* ---- Texto y superficies ---- */
  --go-ink:     #636369;   /* texto principal sobre fondo claro */
  --go-bg:      #ffffff;   /* fondo de página */
  --go-bg-dark: #0f0f10;   /* fondo del footer */

  /* ---- Tipografía (Familias base) ---- */
  --font-primary: "Google Sans", sans-serif;
  --font-display: "Google Sans", sans-serif;

  /* ---- Tokens Escala Tipográfica Global ---- */
  --fs-h1:        clamp(48px, 5vw, 64px);
  --fs-h2:        clamp(36px, 4.4vw, 62px); /* Unificado con tu diseño principal de H2 */
  --fs-h3:        clamp(24px, 2.6vw, 32px);
  --fs-body:      17px;
  --fs-small:     12px;
  --fs-eyebrow:   21px;

  /* ---- Line Heights ---- */
  --lh-h1:        1.0625;
  --lh-h2:        1.08;     /* Ajustado al interlineado de tus títulos con gradiente */
  --lh-h3:        1.15;
  --lh-body:      1.47;
  --lh-eyebrow:   1.2;

  /* ---- Tracking (Espaciado de letras) ---- */
  --tracking-h1:        -0.009em;
  --tracking-h2:        -0.025em;  /* Ajustado al tracking de tus nuevos títulos */
  --tracking-h3:        -0.005em;
  --tracking-body:      0;
  --tracking-eyebrow:   0.01em;
  --tracking-small:     0.18em;

  /* ---- Tokens Específicos para Elementos ---- */
  /* Hero H1 */
  --fs-hero-h1:         clamp(42px, 5.4vw, 72px);
  --fw-hero-h1:         500;
  --lh-hero-h1:         1.08;
  --tracking-hero-h1:   -0.025em;
  --space-hero-h1-bottom: 25px;
  --grad-hero-h1:       linear-gradient(135deg, #ffffff 0%, #a1e6df 50%, #00c6b2 100%);

  /* H2 General (con gradiente y propiedades unificadas) */
  --fw-h2:              500;
  --fs-h2:              clamp(36px, 4.4vw, 52px);
  --space-h2-bottom:    25px;
   --lh-h2:             1;
  --tracking-h2:        -0.025em;
  --grad-h2:            linear-gradient(135deg, #cacaca 0%, #a1e6df 50%, #303131 100%);

  /* Párrafos (<p>) */
  --space-body-bottom:  20px;
  --color-body:         var(--go-ink);
  --fs-p:               16px;
  --lh-p:               1.2;

  /* ---- Layout ---- */
  --container-nav:      1024px;   /* barra de navegación y submenús */
  --container-xl:       1400px;   /* secciones de contenido */

  /* ---- Capas (z-index) ---- */
  --z-header:           99999;
  --z-overlay:          100000;

  /* ---- Animación ---- */
  --ease-smooth:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:           cubic-bezier(0.16, 1, 0.3, 1);
}