/*
 * METADIGITAL WEB — Variables de diseño
 * Colores oficiales: #0f8fff (azul) + #2ed397 (verde)
 * No modificar sin actualizar también la maqueta de referencia
 */

@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}

:root{
  --azul:#0f8fff;
  --verde:#2ed397;
  --azul-dim:rgba(15,143,255,0.12);
  --verde-dim:rgba(46,211,151,0.12);
  --gradient:linear-gradient(135deg,#0f8fff 0%,#2ed397 100%);
  --gradient-r:linear-gradient(135deg,#2ed397 0%,#0f8fff 100%);
  --gradient-soft:linear-gradient(135deg,rgba(15,143,255,0.18) 0%,rgba(46,211,151,0.18) 100%);
  --gradient-text:linear-gradient(135deg,#5dbcff 0%,#5fe3b4 100%);

  --bg:#06080c;
  --bg2:#0a0d12;
  --bg3:#0f1318;
  --card:#10141a;
  --card2:#161b22;

  --texto:#e8edf2;
  --texto2:#7a8590;
  --texto3:#3d4651;

  --linea:rgba(255,255,255,0.06);
  --linea2:rgba(255,255,255,0.10);

  --r:10px;
  --r-lg:16px;
  --r-xl:22px;
  --r-pill:999px;

  --max:1200px;
  --nav-h:68px;
}