/* ==========================================================================
   Paleta grad3 — DEFAULT del Lab: degradado cian (#72EDF2) → índigo
   (#5151E5), los colores del logo. Va sin `disabled` en el head.

   Los tokens :root son los mismos que las otras paletas (acento / hi / ink),
   así todo lo que cuelga de var(--accent) se tiñe igual. Encima, los elementos
   «sólidos» — botones, la barra, subrayados y decoraciones —
   reemplazan el fill plano por el degradado.
   ========================================================================== */

:root{
  --accent:     #72EDF2;
  --accent-hi:  #5151E5;
  /* Texto sobre los rellenos de acento (botón) en BLANCO: el degradado
     va de cian claro a índigo y la tinta oscura se caía en el tramo índigo.
     El blanco resuelve el índigo pero queda justo en el cian, que es el
     extremo más claro del recorrido. */
  --accent-ink: #FFFFFF;
  /* Misma idea que el gradiente del logo: diagonal, un color al otro. */
  --accent-grad: linear-gradient(135deg, #72EDF2 0%, #5151E5 100%);
}

/* Botón sólido: fondo en degradado, texto en blanco (ver --accent-ink). */
.btn-solid{
  background:var(--accent-grad);
  color:var(--accent-ink);
}
.btn-solid:hover{
  background:var(--accent-grad);
  filter:brightness(1.1);
}

/* Barra de datos (.bar > i) y decoraciones que en styles.css usan un solo
   color plano: ahora recorren los dos extremos. */
.bar > i{
  background:linear-gradient(90deg, #72EDF2 0%, #5151E5 100%);
}
.eyebrow::before{background:var(--accent-grad);}
.navlinks a::after{background:var(--accent-grad);}
.mock-dots i:first-child{background:var(--accent-grad);}

::selection{background:var(--accent); color:#0A1F16;}  /* la selección sí va oscura: el fondo es el cian plano, no el degradado */